*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}*.preload *{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}*.roboto{font-family:"Roboto",sans-serif;font-weight:400;font-style:normal}*.tilt-neon{font-family:"Tilt Neon",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"XROT" 0,"YROT" 0}*.poppins{font-family:"Poppins",sans-serif;font-weight:400;font-style:normal}nav{position:sticky;top:0;left:0;width:100%;height:60px;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:whitesmoke}nav>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:10px;padding:5px;font-family:"Tilt Neon",sans-serif}#logo{width:40px;height:40px}#login-btn{padding:5px;font-family:"Poppins",sans-serif;border:1px solid black;outline:none;background-color:transparent;cursor:pointer}#description{padding:20px;font-family:"Poppins",sans-serif}#modal-back{position:fixed;top:0;left:0;z-index:3;background-color:black;opacity:0.2;width:100%;height:100%;display:none}#modal-login{will-change:transform;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0) translate(0%,-50%);-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;-o-transition:transform 0.25s;transition:transform 0.25s;transition:transform 0.25s,-webkit-transform 0.25s;position:fixed;z-index:4;top:50%;left:0;width:calc(100% - 30px);max-width:600px;height:calc(100% - 30px);margin:15px;max-height:500px;background-color:whitesmoke;border-radius:10px}#modal-login.open{transform:scale(1) translate(0%,-50%)}.open ~ #modal-back{display:block}body:has(#modal-login.open){overflow:hidden}#modal-login>div:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;font-family:"Poppins",sans-serif;border-bottom:1px solid black}#change-mode{background-color:transparent;border:none;outline:none;cursor:pointer;margin-left:5px}#close-modal-login{background-color:transparent;border:none;outline:none;width:50px;height:50px;cursor:pointer}#close-modal-login img{width:100%;height:100%}#modal-login-main{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;height:calc(100% - 60px)}#error{font-family:"roboto",sans-serif;color:red;margin-bottom:10px}#modal-login-main>form{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#modal-login-main>form.open{display:-webkit-box;display:-ms-flexbox;display:flex}#modal-login-main>form>*{margin-bottom:10px;font-family:"Poppins",sans-serif}#modal-login-main>form>input{height:30px;padding:5px;width:100%;font-family:"Roboto",sans-serif}#modal-login-main>form>button{height:30px;padding:5px;width:100%;font-family:"Roboto",sans-serif}@media screen and (min-width:630px){#modal-login{left:50%;margin-left:-300px}}