:root {
--primary: #13202E;
--secondary: #028759;
--primary-clear: rgba(14, 42, 72, 0.5);
}
body {
height: 100vh;
margin: 0;
letter-spacing: 0.5px;
}
label {
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 16px;
color: var(--primary);
margin-bottom: 10px;
}
input, textarea {
position: relative;
z-index: 1;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
color: var(--primary);
border-radius: 7px;
border: 1px solid var(--primary);
background-color: white;
display: block;
height: 40px;
width: 100%;
margin-bottom: 17px;
padding-left: 20px;
outline: none;
}
textarea {
height: 240px;
padding-top: 10px;
margin-top: 12px;
}
.button, button[type='submit'] {
position: relative;
display: block;
width: 100%;
height: 55px;
background-color: var(--secondary);
border-radius: 7px;
appearance: none;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: white;
border: none;
margin-top: 30px;
}
.button.button-white {
box-shadow: 3px 6px 15px rgba(11, 50, 92, 0.21);
background-color: white;
color: var(--secondary);
}
.button > img {
position: absolute;
right: 30px;
}
a.button {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
Hello privacy terms! ✅