body{

	font-family: poppins;

}


#alert-danger{
color: red;
	font-size:13px;

	margin-top: 30px;
	animation: fade 3s forwards;

animation-delay:1s;
	
}




#alert-success{

    color: green;
	font-size:13px;

	margin-top: 30px;
	animation: fade 3s forwards;

    animation-delay:1s;
	
}





@keyframes fade{


0%{

	opacity: 1;
}


100%{

	opacity: 0;
}

}



/*--------------------------------------------------------------
# menu navbar
--------------------------------------------------------------*/




.menu #thinking{

text-align: center;
margin-top: -40px;
font-size: 13px;


}

.nav_signup{


font-size: 13px;

color: black;

}


.nav_login{


font-size: 13px;

color: white !important;

background-color: skyblue;

padding: 5px;


}





.nav_signup{


border:1px solid none;
border-left:1px solid white;
border-left-color: rgba(192,192,192,1);
padding-left:8px;

}

.menu {

position: relative;
padding: 0px 10px;
width: 100%;
}



/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/

.footer h6{

  font-weight: bold;

  font-size: 16px;

  margin-bottom: 10px;
}


.footer p{

  font-size: 13px;
}


.footer{
  padding: 10px 20px;

  background-color: rgba(192,192,192,0.5);
}


.footer img{

width: 140px;

}

.footer button{

  font-size: 13px;

  border:1px solid transparent;

  background-color: rgba(0,0,0,0.6);

  color: white;

  margin-bottom: 8px;


}



/*--------------------------------------------------------------
# main
--------------------------------------------------------------*/
.wrap{
padding: 10px;
	}




/*--------------------------------------------------------------
# main
--------------------------------------------------------------*/

.main

{
	width:70%;
	padding: 10% 10%;
	border:1px solid transparent;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
	margin-top: 50px;



	margin-left: 0;

	margin-right: 0;

	margin: auto;
	

}


.main p{

	color:skyblue;
	font-weight: bold;
	font-size: 12px;
}


.main p span{

float: right;

}

.main input{

border:1px solid transparent;

box-shadow:0px 0px 3px rgba(0,0,0,0.3);

}


.main button{

font-size: 13px;


}

.main h6{

	text-align: center;
	font-weight: bold;
}





@media only screen and (max-width:767px){

	.main p{

	color:skyblue;
	font-weight: bold;
	font-size: 12px;
}



	.main small{

	text-align: center;
	font-size: 13px;
}

.main

{
	width:90%;
	padding: 5%;
	border:1px solid transparent;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
	margin-top: 40px;
	

}

.main h6{

	text-align: center;
}





}