82 lines
1.8 KiB
CSS
82 lines
1.8 KiB
CSS
input[type=text],
|
|
input[type=email],
|
|
textarea {
|
|
width: 100%;
|
|
|
|
box-sizing: border-box;
|
|
|
|
font-family: "Montserrat", sans-serif;
|
|
font-optical-sizing: auto;
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
|
|
margin-top: 0.5em;
|
|
margin-bottom: 1em;
|
|
margin-left: 0;
|
|
padding: 0.5em;
|
|
min-height: 0.75em;
|
|
|
|
border: unset;
|
|
border-radius: 0.2em;
|
|
|
|
outline-color: rgb(84 105 212 / 0.5);
|
|
background-color: rgb(255, 255, 255);
|
|
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
|
|
}
|
|
.email-me label{
|
|
display: block;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.email-me-form{
|
|
margin: auto;
|
|
width: 35%;
|
|
}
|
|
|
|
|
|
.email-me-container{
|
|
padding-top: 4em;
|
|
padding-bottom: 1em;
|
|
background-color: #e77713;
|
|
color: white;
|
|
font-size: 0.95em;
|
|
font-weight: 600;
|
|
}
|
|
.email-me-container header{
|
|
font-size: 1.5em;
|
|
text-align: center;
|
|
}
|
|
.email-me hr{
|
|
border-color: white;
|
|
border-style: solid;
|
|
height: 0;
|
|
height: 0;
|
|
}
|
|
.email-me-form button{
|
|
font-size: 1em;
|
|
|
|
padding: 0.8em;
|
|
|
|
border-radius: 1.5em;
|
|
border-width: 0;
|
|
background-color: black;
|
|
color: white;
|
|
|
|
-webkit-transition: background-color 1s, color 1s ease;
|
|
-moz-transition: background-color 1s, color 1s ease;
|
|
-ms-transition: background-color 1s, color 1s ease;
|
|
-o-transition: background-color 1s, color 1s ease;
|
|
transition: background-color 1s, color 1s ease;
|
|
}
|
|
.email-me-form button:hover{
|
|
background-color: #898989;
|
|
}
|
|
|
|
@media screen and (max-width: 910px){
|
|
.email-me-form{
|
|
width: 80%;
|
|
}
|
|
} |