@font-face {
    font-family: "AgaveFont";
    src: url("/_css/AgaveNerdFont-Regular.ttf");
}
@font-face {
    font-family: "AgaveBoldFont";
    src: url("/_css/AgaveNerdFont-Bold.ttf");
}

html {font-family: AgaveFont, sans-serif, Arial, Helvetica, "Segoe UI";font-size: 20px;}

html {padding: 0;text-align:center;color:#fbf1c7; background-color: #1d2021;}
body {margin: 0 auto; padding: 0;}
main {max-width: 1024px;margin: 0 auto;padding: 20px;} 

body > footer {margin: 0 auto;font-size: 0.8em;background-color:#504945;background: linear-gradient(to top, #504945, #282828);}
body > footer p {margin: 0px;}
h1, h2, h3, h4 {color: #fabd2f;}

article {max-width: 984px;margin: 40px auto;padding: 20px; border-radius: 11px;}
article:nth-child(odd) {background:none;}
article:nth-child(even) {background-color:#3c3836;}
article section {display: inline-block;max-width: calc(50% - 45px);margin: 0px auto; padding: 20px;}
article section > * {margin: 20px; padding: 0px;}
article section h2 {display: inline;font-size: 1.6em;}
h1 {font-size: 2.6em;font-family: AgaveBoldFont;}
h2 {font-size: 1.6em;font-family: AgaveFont;}

a:link, a:visited {color:#aaff71; }

strong {padding-left: 4px;padding-right: 4px;background-color:#fbf1c7;color:#282828;}

img {max-width: 100%;}
hr {clear:both;color: #fabd2f;}

@media only screen and (max-width: 960px) {
    article {padding: 20px 0;}
    article section > * {margin: 20px 0px; padding: 20px 0px;}
    article section {
	max-width: calc(100% - 40px);
	padding: 20px 0px;
  }
}