diff options
author | Cesar Monroy <[email protected]> | 2023-05-09 21:15:47 -0600 |
---|---|---|
committer | Cesar Monroy <[email protected]> | 2023-05-09 21:15:47 -0600 |
commit | 44050a800568de91fda4e11b0dc287a3dcba5a31 (patch) | |
tree | feccd50e770781a69d01c3af563973747fd72284 /css/styles.css |
Login with length validation
Diffstat (limited to 'css/styles.css')
-rw-r--r-- | css/styles.css | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..478821a --- /dev/null +++ b/css/styles.css @@ -0,0 +1,84 @@ +body{ + font-family: 'Roboto', sans-serif; +} +.title{ + text-align: center; + font-weight: 700; + font-size: 2rem; +} +.form{ + max-width: 500px; + margin: 10px auto; + padding: .5em 2em; +} +.form__label { + display: inline-block; + margin-top: 20px; + margin-bottom: 5px; + cursor: pointer; +} +.form__input{ + box-sizing: border-box; + width: 100%; + margin-bottom: 20px; + border-width: 3px; + height: 45px; + border-radius: 3px; +} +.input-container{ + position: relative; +} +.form__input-icon{ + display: none; + position: absolute; + top: 10px; + left: 93%; +} +.material-symbols-outlined { + font-variation-settings: + 'FILL' 1, + 'wght' 400, + 'GRAD' 0, + 'opsz' 48 +} +.icon-check{ + color: #1ed12d; +} +.icon-cancel{ + color: #be2a38; +} +.icon-warning{ + vertical-align: bottom; +} +.form__input-error{ + display: none; + margin: 0; + font-size: 1rem; + text-align: justify; +} +.form__error-text{ + display: none; + background: #F66060; + margin-top: 10px; + margin-bottom: 30px; + padding: .7em; +} +.form__submit{ + margin: 10px 0; + text-align: center; +} +.form__submit__button{ + width: 30%; + padding: .8em; + background: #000; + color: #fff; + font-weight: 700; + border: none; + border-radius: 3px; + cursor: pointer; +} +.form__success-send-text{ + display: none; + text-align: center; + color: #119200; +} |