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 #thinking{text-align:center;margin-top:-40px;font-size:13px;}
.nav_signup{font-size:13px;color:black;border-left:1px solid rgba(192,192,192,1);padding-left:8px;}
.nav_login{font-size:13px;color:#fff !important;background-color:skyblue;padding:5px;}
.menu{position:relative;padding:0 10px;width:100%;}
.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:#fff;margin-bottom:8px;}
.wrap{padding:10px;}
.main{width:70%;padding:10% 10%;border:1px solid transparent;box-shadow:0 0 5px rgba(0,0,0,0.6);margin:50px auto 0;}
.main p{color:skyblue;font-weight:bold;font-size:12px;}
.main p span{float:right;}
.main input{border:1px solid transparent;box-shadow:0 0 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{width:90%;padding:5%;margin-top:40px;}
  .main p{color:skyblue;font-weight:bold;font-size:12px;}
  .main small{text-align:center;font-size:13px;}
  .main h6{text-align:center;}
}