﻿body{
	background-color: rgba(13, 0, 22, 1);
	background-image: linear-gradient(#0d0016, #6F0045);
    background-repeat: no-repeat;
    background-attachment: fixed;
	/*color: #BDA4CD;*/
	color: #FFFFFF;
	font-family: "Yeon Sung";
}

h1,p{
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #161F00, 0px 0px 20px #FFFFFF, 0px 0px 5px #3D5700;
	/*text-align: center;*/
	/*text-align:center;*/
}

.container{
	display: flex;
	flex-direction: column;
	min-width: 100%; /*makes container full screen*/
	}

.uno {
	/*flex-direction: column;*/
	/*text-align: left;*/
}


.row.uno{
	/*border: 5px solid white;*/
	height: 90vh;
	align-items: center;

}
.col.uno{
	/*border: 4px solid green;*/
	text-align: center;
	

	
}
.col.tres{
	/*border: 4px solid yellow;*/
	text-align: center;
	font-size: .7em;
}

#footer{

}

.row.dos{
	/*border: 4px solid red;*/
	height: 10vh;
	align-items: flex-end;
}
hr{
	background-color: white;
	width: 20%;
	border-top: 3px solid;
}

/*progress bar*/
#progressbar{
	width: 30%;
	background-color: white;
	/*centers bar*/
	text-align: center;
	margin: auto;
}
#myBar{
	width: 1%;
	height: 30px;
	background-color: #81B500;

}
/*arrows*/



/*button*/
.button1{
	background: rgba(76,175,80,0.0);
	border-radius: 15px;
	border-color: rgba(255,255,255,.5);
	color: #FFFFFF;
	width: 10em;
	height: 2.5em;
	box-shadow: 1px 1px 2px #161F00, 0px 0px 20px #FFFFFF, 0px 0px 5px #3D5700;
}

.button1:hover{
	border-color: rgba(255,255,255,1);
	color: #FFFFFF;
	background: rgba(76,175,80,.8);
	transition: background .4s;

}