@media screen and (min-width:800px){.main-container{padding:0}}#login{background-color:#f0f8ff;background-size:cover;width:100%;height:100%}.main-container{height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#b0c4de;padding:0 20px;position:relative}.main{background:hsla(0,0%,100%,.6);text-align:center;border-radius:3rem;box-shadow:0 0 8px -5px #000;width:750px;margin:auto 20px;padding:10px}h1{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input{width:400px;max-width:90vw;font-weight:400;font-size:20px;padding:10px}input:active,input:hover{box-shadow:0 0 8px -5px #000}img{height:2.2rem;margin:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}img:hover{box-shadow:0 0 8px -5px #000;cursor:pointer;border-radius:200rem}