@import url("reset.css");

html, body { margin: 0px; padding: 0px; color: #ff1a1a; }

body { background: #fce9e9; }

a { color: #ff1a1a; }

a:hover { color: #66cccc; }

h1 { font-size: 1.8em; font-family: "source-code-pro", monospace; font-style: italic; font-weight: 300; margin-top: 3em; padding-bottom: 0.8em; }

h2 { font-size: 1.2em; font-family: "source-code-pro", monospace; font-style: normal; font-weight: 300; padding-top: 2.2em; }

#main {  margin-left: auto; margin-right: auto; width: 90%; }

#content { margin-left: auto; margin-right: auto; margin-top: 1em; width: 65%; padding: 5%; }

#navigation { font-size: 0.8em; text-transform: uppercase; } 

p { color: #ff1a1a; font-size: 1em; font-family: "source-code-pro", monospace;  font-style: normal; font-weight: 300; margin-top: 1em; line-height: 1.8em; }

ul { color: #ff1a1a; font-size: 1em; font-family: "source-code-pro", monospace;  font-style: normal; font-weight: 300; margin-top: 1em; }

li { padding-top: 1em; line-height: 1.2em; }

@media screen and (max-width: 768px) { #main { width: 85%; } h1 { margin-top: 1em; } #content { width: 95%; } }