html{height:100vh;margin:0}body{align-items:center;animation:fadeIn 1s;background:linear-gradient(90deg,#5dccf5,#964ff6);color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0;overscroll-behavior-y:none;padding:2rem}button,div,h1,h2,h3,i,input,p{color:#1d1d1f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}button,input{border-radius:10px;box-shadow:-6px -6px 14px hsla(0,0%,100%,.2),-6px -6px 10px hsla(0,0%,100%,.2),6px 6px 8px hsla(0,0%,100%,.3),6px 6px 10px rgba(0,0,0,.05);box-sizing:border-box;margin-bottom:.5rem;padding:1rem;width:100%}.icon-container{justify-content:space-evenly;margin:2rem;transition:all;transition-duration:1s;width:100%}button{background-color:#1d1d1f;border-color:#cececf;border-radius:10px;border-width:1px;box-sizing:border-box;color:#f6f6f8;margin:1rem;padding:1rem;width:100%}#failed-login-error{animation:fadeIn 1s;color:#fff;display:none;margin-top:1rem}#logo{margin-inline:-5vw;width:40vw}.layout-container{display:flex;flex-direction:row;height:calc(100vh - 4rem);width:70vw}.layout-bottom,.layout-top{align-items:center;display:flex;flex-direction:column;justify-content:center}.layout-bottom{margin-left:10vw;width:100%}.layout-bottom button,.layout-bottom input{width:100%}@media (max-width:600px) and (orientation:portrait){body{justify-content:center}#logo{margin-block:-4rem;width:90vw}.layout-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100vw}.layout-bottom{margin-left:auto}.layout-bottom button,.layout-bottom input{width:75%}}@media (min-width:600px) and (orientation:landscape){.icon-container,button,input{border-radius:10px;box-sizing:border-box;margin-bottom:.5rem;padding:1rem;width:25%}}a{margin-bottom:-.5rem;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}