.login-container{display:flex;flex-direction:column;align-items:center;gap:3em;width:100%;background-color:var(--blue)}.login-form-fields{display:flex;flex-direction:column;gap:1em}.login-content-container{border-radius:20px;padding:1em;margin:2em 0;background-color:var(--white);box-shadow:1px 1px 9px 1px #bc430a}.login-button-container{margin-top:1.5em;display:flex;flex-direction:column;gap:1em}.login-form-heading{text-align:center;font-size:3em;font-weight:700;text-transform:uppercase;margin-bottom:.2em}.login-form-heading,.login-form-text{font-family:var(--font-rubik);color:var(--orange)}.login-form-text{font-size:1em;margin-bottom:1em}.login-button{background-color:var(--orange);color:var(--white);padding:1em 2em;font-size:medium;border-radius:10px;border:1px solid transparent;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;gap:.3em}.action-button{background-color:var(--bluer)}.login-button:hover{border:1px solid var(--orange);background-color:var(--white);color:var(--orange);cursor:pointer}.action-button:hover{border-color:var(--bluer);color:var(--bluer)}.login-content-second h2{color:var(--darker);text-align:center;margin:2em 0}.login-content-second p{color:var(--darker);margin:1em 0}.login-content-second li a{color:var(--text-box-text)}.login-content-second li{margin:1em 0}@media (min-width:640px){.login-content-container{border-radius:20px;padding:2em 4em;background-color:var(--white)}}