*{font-family:Arial;color:#fff}body{margin:0;padding:0;background:linear-gradient(to bottom,#000f1d,#141822);background-repeat:no-repeat;width:100vw;height:100vh}.container{display:flex;flex-direction:column;justify-content:center;align-items:center}.menu,.menu .links,.menu .buttons,.io{display:flex;justify-content:center;align-items:center}.io{gap:2vw}.menu{justify-content:space-evenly;gap:30vw}.menu .links,.menu .buttons{gap:10%;margin:2%}.menu .links a,.menu .links span{font-size:24px;font-family:Arial;font-weight:700;text-decoration:none;color:#cfcfcf;transition:color .3s}.menu .links span{transition:none}.menu .links a:hover{color:#fff}button{width:120px;height:40px;font-size:18px;background-color:#318d54;border:0;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .25s}button:hover{background-color:#3dac67}.menu-logo{width:96px;height:54px;cursor:pointer}.search{display:flex;align-items:center;gap:1vw}.search input[type=search]{background-color:transparent;border:0;border-bottom:2px solid rgb(87,87,87);color:#adadad;font-size:18px}.search i{color:#575757;font-size:18px}.highlight{font-family:Poetsen One,Arial;color:#43bd71}.blue{color:#4363bd}h1,h2,h3,h4,h5,h6{font-family:Poetsen One,Arial}h1{font-size:64px}h2{font-size:48px}h3{font-size:32px}h4{font-size:24px}h5{font-size:20px}h6{font-size:16px}p,a,label{font-family:Roboto Condensed}a{color:#43bd71;text-decoration:none;transition:color .25s}a:hover{color:#4ee287}.red-link{color:#d00;transition:color .25s}.red-link:hover{color:#ff1212}input:focus{outline:none;box-shadow:none}.card{background-color:#151a2b;width:20vw;height:40vh;border-radius:15px;padding:10%;display:flex;flex-direction:column;justify-content:space-between}.card .top{display:flex;flex-direction:column;justify-content:center}.card i{font-size:32px;cursor:pointer}.card .bottom{display:flex;justify-content:space-between}.modal-outer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#00000080}.modal-inner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:25vw;height:25vh;background-color:#151a2b;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:10%}.modal-inner .top{display:flex;justify-content:center;align-items:center;position:relative;width:23vw}.modal-inner .top .header-text{font-size:24px;text-align:center}.modal-inner .top i{position:absolute;right:0;cursor:pointer;font-size:20px;color:#ffffff80;transition:color .25s}.modal-inner .top i:hover{color:#fff}.modal-inner p{width:20vw;text-align:center}.login-container{background:none;background-color:#1b1f2e;width:100vw;height:100vh}.login-container-inner{padding:50px}.welcome-text{display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome-text img{width:192px;height:108px}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vh}.input-field{display:flex;flex-direction:column;gap:1vh}.input-field .label-field{display:flex;gap:1vw}.input{display:flex;justify-content:space-evenly;align-items:center;background-color:#21273d;width:17vw;padding:5px;border:2px solid rgb(51,59,85);border-radius:10px}.input-field input{background-color:transparent;border:0;font-size:18px;width:15vw}.fa-eye,.fa-eye-slash{cursor:pointer}.normal{cursor:default}