body {
font: 15px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
color: #000;
background: #00aac4;
}
a {
color: #fff;
text-decoration: none;
}
h1 {
margin: 0;
}
h2 {
font-size: 20px;
margin: 20px 0px 5px 0px;
}
#wrapper {
width: 600px;
margin: 0 auto;
background: #fff;
padding: 40px;
}
@media only screen and (max-width: 768px) {
body {
margin: 20px;
background: #fff;
}
#wrapper {
width: 100%;
padding: 0;
}
}
input {
margin: 5px 10px 0 0;
}
button, .button {
background: #00aac4;
cursor: pointer;
font-size: 16px;
padding: 10px 20px;
margin: 20px 0px 25px 0;
color: #fff;
border: 0;
}
button:hover, .button:hover {
background: #04b5d1;
}
#answer {
border: 1px dashed #ccc;
background: #eee;
padding: 10px;
min-height: 70px;
line-height: 23px;
}
img {
width: 40%;
display: block;
margin: 0 auto;
padding-top: 30px;
}