@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");body{width:100%;height:100vh}body #background{z-index:-1;position:fixed;opacity:0.5;width:100%;height:100%;object-fit:cover}body header,body main,body footer{width:100%}body header h3{font-weight:lighter;color:#F0F0F0}body main form{background-color:#FAFAFA;color:#06132f}body main form p span{color:#1441a5}body main form input[type="text"],body main form input[type="password"]{background-color:#F0F0F0;color:#202020;border:none;outline:none}body main form div label{margin:0px 0px 0px 10px}body main form button{border:none;outline:none;color:#fff;background-color:#1441a5}body main form a{color:#1441a5}body footer div{background-color:#030918;width:100%;height:auto}body footer div a{color:#1441a5}.flex-container{display:flex}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.center-start{align-items:center;justify-content:flex-start}.center-end{align-items:center;justify-content:flex-end}.center-between{align-items:center;justify-content:space-between}.center-around{align-items:center;justify-content:space-around}.start-center{align-items:flex-start;justify-content:center}.start-start{align-items:flex-start;justify-content:flex-start}.start-end{align-items:flex-start;justify-content:flex-end}.end-center{align-items:flex-end;justify-content:center}.center-center{align-items:center;justify-content:center}@media screen and (max-width: 767px) and (orientation: portrait){body header,body footer{height:20vh}body header img{width:auto;height:50%}body main{height:60vh}body main form{width:80%;height:80%;padding:20px 0px}body main form input[type="text"],body main form input[type="password"]{width:80%;padding:8px 10px}body main form div label{font-size:14px}body main form button{padding:10px;width:50%;font-size:16px}body main form a{font-size:14px}body footer div{height:60%}body footer div a{margin:0px 0px 0px 10px}}@media screen and (max-width: 767px) and (orientation: landscape){body{height:auto}body header,body footer{height:20vw}body header img{width:auto;height:50%}body main{height:60vw}body main form{width:80%;height:80%;padding:20px 0px}body main form input[type="text"],body main form input[type="password"]{width:80%;padding:8px 10px}body main form div label{font-size:14px}body main form button{padding:10px;width:50%;font-size:16px}body main form a{font-size:14px}body footer div{height:60%}body footer div a{margin:0px 0px 0px 10px}}@media screen and (min-width: 768px) and (max-width: 1023px){body header,body footer{height:20vh}body header img{width:auto;height:50%}body main{height:60vh}body main form{width:60%;height:80%;padding:20px 0px}body main form input[type="text"],body main form input[type="password"]{width:80%;padding:8px 10px}body main form div label{font-size:14px}body main form button{padding:10px;width:50%;font-size:16px}body main form a{font-size:14px}body footer div{height:60%}body footer div a{margin:0px 0px 0px 10px}}@media screen and (min-width: 1024px){body header,body footer{height:20vh}body header img{width:auto;height:50%}body main{height:60vh}body main form{width:30%;height:80%;padding:20px 0px}body main form input[type="text"],body main form input[type="password"]{width:80%;padding:8px 10px}body main form div label{font-size:14px}body main form button{padding:10px;width:50%;font-size:16px}body main form a{font-size:14px}body footer div{height:60%}body footer div a{margin:0px 0px 0px 10px}}