@media (min-width: 40rem) {
html {
font-size:145%
}
}
@media (min-width: 64rem) {
html {
font-size:145%
}
}
@media (min-width: 40rem) {
section {
padding:4rem 0
}
}
header {
padding: 2rem 0;
background-color: #f7f7f7;
text-align: center
}
header p {
text-align: center
}
.example-image-link {
display: inline-block;
padding: 4px;
margin: 0 0.5rem 1rem 0.5rem;
background-color: #fff;
line-height: 0;
-webkit-transition: background-color 0.1s ease-out;
-moz-transition: background-color 0.1s ease-out;
-o-transition: background-color 0.1s ease-out;
transition: background-color 0.1s ease-out;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px
}
.example-image-link:hover {
background-color: #4ae
}
.example-image {
width: 7rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px
}
.how-to-use-section p, .how-to-use-section ol, .how-to-use-section ul, .how-to-use-section pre {
text-align: left
}
fieldset {
border: none
}
.donate-button {
width: 100%
}