feat: remove placeholders/add text colors

This commit is contained in:
Mike 2023-11-06 10:42:36 -05:00
parent 4e46a195a4
commit a6b1c0f6e8
2 changed files with 5 additions and 3 deletions

View file

@ -1,6 +1,7 @@
:root { :root {
--main-bg: #C4DFDF; --main-bg: #C4DFDF;
--light-bg: #F8F6F4; --light-bg: #F8F6F4;
--text-color: rgb(22, 72, 99);
} }
@ -19,7 +20,6 @@
} */ } */
.form { .form {
width: 60vw; width: 60vw;
} }
@ -102,6 +102,7 @@
.logo h1 { .logo h1 {
font-weight: 900; font-weight: 900;
font-size: 3rem; font-size: 3rem;
color: var(--light-bg);
} }
} }
@ -110,4 +111,5 @@ body {
padding: 0; padding: 0;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-size: 16px; font-size: 16px;
color: var(--text-color);
} }

View file

@ -24,11 +24,11 @@
<form action="" method="#"> <form action="" method="#">
<div class="form-input"> <div class="form-input">
<label for="name">NAME</label> <label for="name">NAME</label>
<input type="text" name="name" id="name" placeholder="Enter your name." required> <input type="text" name="name" id="name"required>
</div> </div>
<div class="form-input"> <div class="form-input">
<label for="email">EMAIL</label> <label for="email">EMAIL</label>
<input type="email" name="email" id="email" placeholder="you@example.com" required> <input type="email" name="email" id="email" required>
</div> </div>
<div class="form-input"> <div class="form-input">
<label for="password">PASSWORD</label> <label for="password">PASSWORD</label>