<form method="post" name="myform">
<h1>Contact Us</h1>
Your e-mail:
<br>
<input type="email" id="email">
<br>
<br>
Your message:
<br>
<input type="textarea" id="message">
<br>
<br>
<input type="submit" id="submit" value="Send">
<br>
</form>
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Pacifico);

body {
background-color: #989898;
}
form {
height: 320px;
width: 320px;
background-color: #8A0808;
padding: 80px;
color: white;
margin: 20px auto;
-webkit-border-radius: 400px;
-moz-border-radius: 400px;
border-radius: 400px;
border: 10px solid white;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
h1 {
margin-bottom: 18px;
margin-top: 0px;
font-family: 'Pacifico', cursive;
font-size: 38px;
}
#email {
width: 60%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 8px;
margin-top: 10px;
}
#message {
width: 100%;
height: 80px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 10px 0px;
}
#submit {
display: block;
background-color: white;
border: none;
width: 60px;
height:60px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin: 0px auto;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 14px;
color: #282828;
text-transform: uppercase;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.