#content{display:flex}#main-section{width:100%;flex-grow:1;display:flex;align-items:center;justify-content:center}#auth-container{padding:2rem;margin:2rem;display:flex;flex-direction:column;max-width:80%;min-height:90%;border-radius:20px;box-shadow:0 29px 20px -27px var(--secondary-button-box-shadow);background:var(--modal-background);gap:2rem}.input-container{height:80px;border-radius:20px;box-shadow:0 3px 6px var(--input-box-shadow) inset;background:var(--input-background);margin:1rem 0;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;width:80%;max-width:600px}.input-container img{margin:0 1rem 0 2rem;width:20px;height:auto}.input-container input{flex-grow:1;height:75%;color:var(--grey);background:transparent!important;font-size:18px;letter-spacing:1.35px;margin:1rem 0;outline:none;border:none;padding-left:1rem}.input-container input::placeholder{color:var(--light-grey)}.login-button{justify-items:center;margin:1rem 0;min-height:40px}#content h1{margin-top:20px;margin-bottom:10px;color:var(--blue);text-align:center}#recover-form{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}#success-submit,#failed-submit{background-color:var(--blue);color:var(--white);width:100%;padding:1rem;display:flex;align-items:center;justify-content:center;text-align:center}#failed-submit{background-color:var(--red)}@media screen and (max-width:700px){#main-section{grid-template-columns:1fr}#info-container{display:none}#auth-container{padding:1rem;margin:1rem;max-width:none;gap:1rem}#recover-form{gap:0}.input-container{width:100%}.input-container img{margin:0 1rem}.input-container input{padding-left:0}}