@import url(https://fonts.googleapis.com/css2?family=Odibee+Sans&display=swap);:root{--success-color:#2ecc71;--error-color:#e74c3c;--clr-light:#fff}*{box-sizing:border-box}body{align-items:center;background-color:#f9fafb;display:flex;font-family:Open Sans,sans-serif;justify-content:center;margin:0;min-height:100vh}.container{background-color:var(--clr-light);border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);min-width:350px;width:min-content}h2{margin:0 0 20px;text-align:center}.form{padding:30px 40px}.form-control{display:flex;flex-direction:column;padding-bottom:10px}.form-control label{color:#777;display:block;margin-bottom:5px}.form-control input{border:2px solid #f0f0f0;border-radius:4px;display:block;font-size:14px;padding:10px;width:100%}.form-control input:focus{border-color:#777;outline:0}.form-control.success input{border-color:var(--success-color)}.form-control.error input{border-color:var(--error-color)}.form-control small{bottom:0;color:var(--error-color);display:block;display:none;left:0}.form-control.error small{display:block}.form-control.success small{display:none}.form button{background-color:#3498db;border:2px solid;border-radius:4px;color:var(--clr-light);cursor:pointer;display:block;font-size:16px;margin-top:20px;padding:10px;width:100%}.password-container{position:relative}#show-hide-password-btn{background-color:var(--clr-light);border:none;color:#777;inset-block-start:11px;inset-inline-end:6px;margin:0;padding:0;position:absolute;width:min-content}@media (min-width:600px){.container{width:400px}}