.login_form{display:flex;align-items:center;justify-content:center}.auth_form{width:400px;height:400px;align-self:center;margin-top:20px;background-color:var(--color-back-20);border:1px solid var(--color-text-10);border-radius:20px;display:flex;flex-direction:column;align-items:center}.form_icon{border:2px solid var(--color-text-10);border-radius:50%;font-size:5rem;width:10rem;height:10rem;display:inline-flex;justify-content:center;align-items:center;margin:2rem;color:var(--color-text-10)}.form_controls{width:80%;display:flex;flex-direction:column;gap:20px}.form_control{width:100%;display:flex;flex-direction:column;gap:5px}label{font-size:1.5rem;font-family:Lato,sans-serif}input{font-size:2rem;border:1px solid var(--color-text-10);border-radius:5px;padding:5px;color:var(--color-text-20)}input:focus{outline:1px solid var(--color-text-10);background-color:var(--color-back-05)}.form_actions{margin:3rem}button{padding:8px 20px;font-size:1.7rem;font-family:Ubuntu,sans-serif;border-radius:10px;border:none}.btn_submith{background-color:var(--color-yellow-20);color:var(--color-gray-80);cursor:pointer}.btn_submith:hover{background-color:var(--color-yellow-30)}.combine_input{display:flex;position:relative;align-items:center}.combine_input input{width:100%}.input_icon{position:absolute;right:0;height:30px;width:40px;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;color:var(--color-text-50)}@media only screen and (max-width: 430px){.auth_form{width:calc(100vw - 30px)}}
