@font-face { font-family: MomsType; src: url(momstype.ttf); }
@font-face { font-family: F25; src: url(F25_Executive.ttf); }
@font-face { font-family: AnotherTypewriter; src: url(atwriter.ttf); }
body {
    margin:0;
    padding:0;
    font-family: F25, monospace;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
#content {
    max-width:1000px;
    margin:0 auto;
}
/* Header */
header {
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    padding:2em 2em 1em 2em;
    background-color: rgba(20,20,20,0.8);
}
header h1 {
    font-family: MomsType, monospace;
    font-weight: normal;
    font-size:16pt;
    color: #DEB887;
    margin:0;
    padding: 0 0 1em 0;
}
header a, header a:active {
    display:inline-block;
    text-decoration: none;
    color:  #AB6543;
    font-family: MomsType, monospace;
    font-size:12pt;
    width:15%;
	min-width:120px;
}
header a:hover, header a.active {
    color:  #DEB887;
}

/* Main */
main {
    border: 3px solid #333;
    padding:1.5em 2em 4em 2em;
	margin-bottom:2em;
    background: rgba(200,200,200,0.8);
    line-height: 1.5em;
}

.rightspace {margin-right:10px;}
.leftspace {margin-left:10px;}
.topspace {margin-top:10px;
.bottomspace {margin-bottom:10px;}}
.bordered {border:3px solid #8B5533}
.left {float:left;}
.right {float:right;}

main a { color: #4b2503; }
main a:hover { color:  #8B5533; }
h1 { margin: 1.5em 0 0.8em 0; font-size:14pt; color:  #6b3d15; }
h2 { font-size:12pt; }
video { max-width: 640px; }
figcaption {font-size:10pt;text-align:center;}

.here {
    height:0px; overflow:hidden;
}
textarea.input {
    height:8em;
	max-width:100%;
    width:60em;
}

video {
	max-width: 100%;
}
pre {
	background-color:white;
	padding:0.4em 1em 0.2em 1em;
	overflow-x: scroll;
	border: 1px solid #4b2503;
}

/* Layouts */
@media (orientation: landscape) {
    body { background-image: url('../resources/background_landscape.jpg'); }
}
@media (orientation: portrait) {
    body { background-image: url('../resources/background_portrait.jpg'); }
}

@media only screen and (max-width: 600px) {
  body {
	font-family: AnotherTypewriter, monospace;
  }
}