/* ==========================
    Royal RolePlay
    User Login CSS
========================== */


*{

box-sizing:border-box;

}



body{

margin:0;

background:#050505;

font-family:tahoma;

color:white;

}





.login-container{

height:100vh;

display:flex;

justify-content:center;

align-items:center;

}





.login-box{

width:380px;

background:#111;

padding:40px;

border-radius:25px;

text-align:center;

border:1px solid #333;

box-shadow:0 0 30px #000;


}





.login-box img{

width:90px;

height:90px;

object-fit:contain;


}




.login-box h1{

color:#d4af37;

margin-top:20px;


}





.login-box p{

color:#aaa;

}




.login-box input{


width:100%;

padding:15px;

margin:10px 0;

background:#080808;

border:1px solid #333;

border-radius:12px;

color:white;

font-size:15px;


}





.login-box input:focus{


outline:none;

border-color:#d4af37;


}





.login-box button{


width:100%;

padding:15px;

margin-top:20px;

background:#d4af37;

border:none;

border-radius:12px;

font-weight:bold;

cursor:pointer;

font-size:16px;


}





.login-box button:hover{


background:white;


}





.login-box a{


display:block;

margin-top:25px;

color:#d4af37;

text-decoration:none;


}





.login-box a:hover{


color:white;


}