@charset "utf-8";
/* CSS Document */
body{
 margin:0px;
 padding:0px;
 font-family: calibri;
}
a{
 text-decoration: none;
}
.login-container{
  background-color: 	003333;
 background-size:cover;
 background-repeat: no-repeat;
 width:100%;
 height: 100vh;
 position: relative;
}
.login-inputs{
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;

}
.login-inputs h1{
 color: #fff;
 font-size: 3rem;
 letter-spacing: 3px;
 margin:10px;
 text-transform: uppercase;
 text-shadow: 2px 2px 30px rgba(0,0,0,0.2);
 font-family: Magmawave Caps;
}
.login-inputs form{
 background-color: #23243c;
 box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
 border-radius: 10px;
 padding: 30px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.login-inputs form input{
 margin:10px;
 width:250px;
 height: 30px;
 background-color: #434459;
 border-radius: 10px;
 border: none;
 outline: none;
 color:#fff;
 padding:5px 10px;
}
.login-inputs form input::placeholder{
 color:#727383;
}
.login-inputs form button{
 text-transform: uppercase;
 width:110px;
 height: 35px;
 border-radius: 20px;
 border: none;
 outline: none;
 margin:5px;
 font-weight:600;
 background-color:#3b70e0;
 color:#fff;
 font-size:12px;
 font-family: poppins;
 letter-spacing: 1px;
}
.login-inputs form button:hover{
 background-color:rgb(125, 49, 247);
 transition: all ease 0.3s;
}
.forget{
 color:#62627d;
 margin:20px;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-size: 0.9rem;
 border-bottom: 1px solid #62627d;
}