#login-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 50px}#login-content .login-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:0 auto;width:390px}#login-content .login-container .flex-column{display:flex;flex-direction:column;align-items:center}#login-content .login-container .login-header{width:fit-content}#login-content .login-container .login-header .login-title{color:var(--primary-color);text-align:center;font-size:2.6rem;margin:0;width:fit-content}#login-content .login-container .login-header .login-message{text-align:center;margin:0}#login-content .login-container .login-form{width:100%;gap:30px;margin:50px 0}#login-content .login-container .login-form .form-group{display:flex;flex-direction:column;gap:8px;width:100%}#login-content .login-container .login-form .generic-button{width:100%;border:0}#login-content .login-container .login-form .form-inputs{gap:15px;width:100%}#login-content .login-container .login-form .form-inputs .forgot-password{font-size:.9rem;width:fit-content;margin-left:auto;text-decoration:underline;cursor:pointer}#login-content .login-container .signup-link{gap:5px;font-size:.9rem;margin-top:10px}#login-content .login-container .signup-link p{margin:0}#login-content .login-container .signup-link .link{color:var(--primary-color);font-weight:700;cursor:pointer}#login-content .login-container .signup-link .link .loader-container{height:15px;width:88px}#login-content .login-container .signup-link .link .loader-container .loader{width:15px;height:15px}#login-content #signup-options .signup-options-container{margin-top:70px;gap:70px}#login-content #signup-options .signup-options-container .option-container .signup-option{background-color:var(--primary-color);border-radius:50%;padding:20px}#login-content #signup-options .signup-options-container .option-container .signup-option .icon{width:80px;height:80px;color:white}#login-content #signup-options .signup-options-container .option-container .signup-option-name{font-size:1.3rem;font-weight:700}#login-content #check-email-view .form-group{width:100%}#login-content #check-email-view .form-group .generic-button{margin-top:50px;border:0;width:100%}#login-content #check-email-view .resend-email{margin:50px 0;padding-bottom:50px;border-bottom:2px solid var(--primary-color);width:100%}#login-content #check-email-view .resend-email p{font-size:.9rem;margin:0}@media screen and (max-width:575px){#login-content{margin:0}#login-content .login-container{width:100%}#login-content #signup-options .signup-options-container{gap:10vw}#login-content #signup-options .signup-options-container .option-container .signup-option .icon{width:15vw;height:15vw}}