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:space-around;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;transition:all .5s;width:100%}.highlight-error{background-color:#d20a2e;border-color:#d20a2e}.highlight-error::placeholder{color:#fff}.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:.5rem 1rem 1rem;padding:1rem;width:100%}#capital-letter-icon,#number-icon,#over-8-icon,#special-character-icon{animation:fadeIn .5s;color:#50c878;display:none;font-size:small;margin-left:.5rem}#failed-password-error-label p:first-child{margin-top:.5rem}#failed-password-error-label p{color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin:0 0 0 1rem;width:calc(100% - 2rem)}#failed-password-error-label,#failed-username-error-label{animation:fadeIn 1s;color:#fff;display:none;flex-direction:column;font-size:small;margin-bottom:.5rem;transition:all 1s;width:75%}#failed-username-error-label{justify-content:left;max-width:100%}#failed-password-error p{color:#fff;margin:0 0 0 .25rem;transition:all 1s;white-space:nowrap}@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%}#failed-password-error-label,#failed-username-error-label{width:100%}}a{color:#1d1d1f;text-decoration:none}#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%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}