html body{background-color:#232323}html body #mid{background-color:#fff}html body #mid #text h1{font-weight:600}html body #mid #text p span{color:#f3990d;font-weight:500}html body #mid #text .error{color:#fd141f}html body #mid form input{border:none;outline:none}html body #mid form input[type="text"],html body #mid form input[type="password"]{background-color:#F0F0F0}html body #mid form button{background-color:#f3990d;border:none;outline:none;color:#fff}html body #bot{background-color:#f3990d;color:#fff;width:100vw}html body #bot p{font-weight:500}@media screen and (max-width: 767px) and (orientation: portrait){html body{font-size:14px}html body #top{width:100vw;height:20lvh}html body #top a{height:60%}html body #top a img{width:auto;height:100%}html body #mid{width:80vw;height:auto;padding:40px 0px}html body #mid #text{width:90%}html body #mid #text h1{margin:0px 0px 10px 0px}html body #mid #text p{margin:10px 0px 0px 0px}html body #mid #text .error{font-size:12px}html body #mid form{width:90%;margin:20px 0px 0px 0px}html body #mid form input[type="text"],html body #mid form input[type="password"]{width:90%;padding:10px 5%;font-size:12px}html body #mid form input[type="text"]{margin:0px 0px 10px 0px}html body #mid form div{margin:20px 0px}html body #mid form div input[type="checkbox"]{margin:0px 10px 0px 0px;cursor:pointer}html body #mid form div p{margin:0px}html body #mid form button{cursor:pointer;width:50%;padding:10px 0px;font-size:14px;font-weight:bold}html body #bot{height:10lvh}}@media screen and (max-width: 767px) and (orientation: landscape){html body{font-size:14px;height:auto}html body #top{width:100vw;height:20vw}html body #top a{height:60%}html body #top a img{width:auto;height:100%}html body #mid{width:80vw;height:auto;padding:40px 0px;margin:0px 0px 50px 0px}html body #mid #text{width:90%}html body #mid #text h1{margin:0px 0px 10px 0px}html body #mid #text p{margin:10px 0px 0px 0px}html body #mid #text .error{font-size:12px}html body #mid form{width:90%;margin:20px 0px 0px 0px}html body #mid form input[type="text"],html body #mid form input[type="password"]{width:90%;padding:10px 5%;font-size:12px}html body #mid form input[type="text"]{margin:0px 0px 10px 0px}html body #mid form div{margin:20px 0px}html body #mid form div input[type="checkbox"]{margin:0px 10px 0px 0px;cursor:pointer}html body #mid form div p{margin:0px}html body #mid form button{cursor:pointer;width:50%;padding:10px 0px;font-size:14px;font-weight:bold}html body #bot{height:10vw}}@media screen and (min-width: 768px) and (max-width: 1023px){html body{font-size:14px}html body #top{width:100vw;height:20lvh;overflow:hidden}html body #top a{height:60%}html body #top a img{width:auto;height:100%}html body #mid{width:80vw;height:auto;padding:40px 0px}html body #mid #text{width:90%}html body #mid #text h1{margin:0px 0px 10px 0px}html body #mid #text p{margin:10px 0px 0px 0px}html body #mid #text .error{font-size:12px}html body #mid form{width:90%;margin:20px 0px 0px 0px}html body #mid form input[type="text"],html body #mid form input[type="password"]{width:90%;padding:10px 5%;font-size:14px}html body #mid form input[type="text"]{margin:0px 0px 10px 0px}html body #mid form div{margin:20px 0px}html body #mid form div input[type="checkbox"]{margin:0px 10px 0px 0px;cursor:pointer}html body #mid form div p{margin:0px}html body #mid form button{cursor:pointer;width:50%;padding:10px 0px;font-size:14px;font-weight:bold}html body #bot{height:10lvh}}@media screen and (min-width: 1024px){html body{font-size:14px}html body #top{width:100vw;height:20lvh;overflow:hidden}html body #top a{height:60%;transition:all ease .5s}html body #top a img{width:auto;height:100%}html body #top a:hover{transform:scale(1.1)}html body #mid{width:30vw;height:auto;padding:40px 0px}html body #mid #text{width:90%}html body #mid #text h1{margin:0px 0px 10px 0px}html body #mid #text p{margin:10px 0px 0px 0px}html body #mid #text .error{font-size:12px}html body #mid form{width:90%;margin:20px 0px 0px 0px}html body #mid form input[type="text"],html body #mid form input[type="password"]{width:90%;padding:10px 5%;font-size:14px}html body #mid form input[type="text"]{margin:0px 0px 10px 0px}html body #mid form div{margin:20px 0px}html body #mid form div input[type="checkbox"]{margin:0px 10px 0px 0px;cursor:pointer}html body #mid form div p{margin:0px}html body #mid form button{cursor:pointer;width:50%;padding:10px 0px;font-size:14px;font-weight:bold;transition:all ease .3s}html body #mid form button:hover{color:#232323}html body #bot{height:10lvh}}