body{color:#f3f3f3;margin:0 auto;padding:0;background-color:#000;font-family:font2}input:focus{border:2px solid #35fad9!important;outline:0}textarea:focus{border:2px solid #35fad9!important;outline:0}input,select,textarea{height:50px;width:100%;border-radius:8px;box-sizing:border-box;padding-left:10px;border:2px solid #ff0;font-family:font2;background-color:transparent;color:#fff}input::placeholder{font-size:14px;color:#fff}select::placeholder{font-size:14px;color:#fff}select{font-size:14px;height:52px;color:#fff}.page-container{max-width:1200px;margin:0 auto;text-align:left;padding:30px;min-height:calc(100vh - 50px);background-color:#000}.logo{font-family:font5;font-size:50px;color:#fff;text-align:center;width:fit-content}.rainbow-line{height:4px;border:none;background:linear-gradient(to right,#fc8787,#85f785,#82eec5);margin-top:20px}.slogan{font-size:25px;background-color:#ff0;color:#000;padding:8px 20px 8px 20px;width:fit-content}.login-container,.register-container{margin:0 auto;max-width:500px;width:50%;border-radius:10px;min-height:100px;margin-top:0;margin-bottom:20px;padding:20px}.login-header{text-align:center;font-size:1.3em;margin-bottom:40px;margin-top:20px;text-decoration:underline;color:#fff}.login-wrapper{width:95%}.login-inp-container{margin-bottom:20px}.login-button{width:100%;padding:10px;background-color:#82efc1;color:#000;border-radius:4px;height:50px;cursor:pointer;font-weight:700;border:none}.login-button:hover{background-color:#66bb97}.login-forgot-wrapper{width:100%;text-align:right;border-bottom:1px solid #e6e6e6;padding-bottom:20px}.login-forgot-wrapper a{font-weight:700;color:#fff;font-size:12px}.login-register-wrapper{text-align:center;margin-top:20px;font-size:14px}.login-register-wrapper a{font-weight:700;color:#fff}.nav-login-img{display:inline-block;width:18px}.nav-login-img img{width:100%}.nav-login-txt{display:inline-block;vertical-align:top;padding-left:5px;padding-top:2px}.register-header{color:#fff;font-size:14px;margin-top:10px;margin-bottom:20px}.register-wrapper{width:95%;margin:0 auto}.login-security-img{display:inline-block;height:45px;width:100%;border-radius:8px;vertical-align:top;border:3px solid #fc8787}.login-security-input{display:inline-block;vertical-align:top;width:100%}.security-wrapper{grid-template-columns:20% 1fr;width:100%;display:grid;gap:10px;align-items:flex-start;align-items:end}.page-wrapper{margin-top:35px}.menu{width:100%;text-align:right;margin-top:20px}.menu ul{margin:0 auto;padding:0}.menu ul li{font-family:font2;display:inline-block;padding:8px 15px 10px 15px;border:2px solid #ff0;color:#fff;border-radius:10px;font-size:12px;margin-left:20px;text-decoration:underline;cursor:pointer}.selmnclass{border:2px solid #82efc1!important}.menu ul li:hover{border:2px solid #fc8787!important}.company-banner{width:100%;background-image:url(../images/misc/smiles2.jpg);background-size:30% auto;height:150px;border-radius:8px;margin-top:20px;position:relative;border:3px solid #dcff40}.company{font-family:font2;margin-top:40px;line-height:35px}.company-header{position:absolute;bottom:10px;left:10px;color:#fff;font-family:font2;background-color:#ff0;color:#000;padding:5px 25px 5px 25px}.emoji{font-size:20px;margin:0 auto;padding:10px 60px 10px 60px;background-color:#1b1b1b;width:fit-content;text-align:center;margin-bottom:40px}.footer{height:80px;color:#fff;font-family:font2;font-size:14px;max-width:1200px;margin:0 auto;background-color:#000}.foot-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:20px;align-items:flex-start;align-items:top;width:100%;padding-top:10px}.footer ul{margin:0 auto;padding:0}.footer ul li{display:inline;margin-right:10px}.arr{width:100%;text-align:right}