.login-form-container{background-color:#000;border:none;border-radius:10px;flex-direction:column;gap:1rem;width:400px;height:300px;padding:2rem;display:flex}.login-form-logo-container{background-color:var(--gold-color);background-color:#0000;flex-direction:row;display:flex}.login-form-logo-container img{width:100%;height:48%}.login-form-form-container-label{color:#fff;align-self:center;font-size:.8rem}.login-form-form-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.login-form-form-container-input{color:#fff;background-color:#000;border:0;border-bottom:1px solid gray;width:60%;padding:10px}.login-form-form-container-input:focus{outline:none}.login-form-form-container-button{color:gray;background-color:#0000;border:2px solid gray;border-radius:10px;width:140px;height:55px;margin-top:1rem}.login-form-form-container-button:hover{color:var(--gold-color);border:2px solid var(--gold-color)}@media not (min-width:820px){.login-form-container{width:50%;height:40vw;margin-top:-4rem}}@media not (min-width:700px){.login-form-container{width:60%;height:50vw}.login-form-container .login-form-form-container-button{width:120px;height:45px;font-size:11px}}@media not (min-width:550px){.login-form-container{width:70%;height:60vw}.login-form-container .login-form-form-container-button{width:120px;height:45px;font-size:11px}}@media not (min-width:400px){.login-form-container{width:70%;height:70vw}.login-form-container .login-form-form-container-button{width:120px;height:45px;font-size:11px}}