@font-face {
font-family:Junicode;
font-weight:normal;
font-style:normal;
src:local('Junicode'),url('fonts/Junicode.ttf');
}

@font-face {
font-family:Junicode;
font-weight:bold;
font-style:normal;
src:local('Junicode Bold'),url('fonts/Junicode-Bold.ttf');
}

@font-face {
font-family:Junicode;
font-weight:normal;
font-style:italic;
src:local('Junicode Italic'),url('fonts/Junicode-Italic.ttf');
}

@font-face {
font-family:Junicode;
font-weight:bold;
font-style:italic;
src:local('Junicode Bold Italic'),url('fonts/Junicode-BoldItalic.ttf');
}

html,body {
background-color:#000000;
color:#99cc33;
font-family:Junicode, "Andron Scriptor Web", "Liberation Serif", "Brill", "FreeSerif", "Times New Roman", serif;
}

#content {
display:block;
position:static;
width:98%;
margin:36px auto;
padding:2px 12px;
font-size:23px;
background-color:#000000;
vertical-align:top;
}

p,h1,h2,h3 {
color:#ffffff;
}

h1 {
text-align:center;
margin:12px;
font-size:52px;
}

a {
text-decoration:none;
color:inherit;
}

a:link, a:visited {
color:#33cc99;
}

a:hover, a:active {
color:#99ff33;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
color:#ffffff;
}

h2 {
text-align:center;
margin:8px;
font-size:28px;
}

h3 {
text-align:center;
margin:8px;
font-size:24px;
}

p {
font-size:20px;
text-align:center;
}

img {
display:block;
margin:0 auto;
border:none;
padding:0;
}

ul.collage {
display:block;
position:relative;
list-style:none;
margin:0 auto;
padding:0;
text-align:center;
background-color:#000000;
}

ul.collage li {
display:inline-block;
margin:0 auto;
padding:1px 2px;
text-align:center;
}

div.wrapper {
	width:100%;
margin:auto;
text-align:center;
}

div.bucketbucket {
	display:inline-block;
	float:none;
}

div.floatcontainer {
display:inline-block;
float:left;
}

div.bucket {
display:inline-block;
float:left;
border:1px solid #336600;
background-color:#333333;
margin:8px;
padding:1px 4px;
text-align:left;
}

div.floatcontainer div.bucket {
width:92%;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

div.bucket li {
display:list-item;
color: #336600
}

@media only screen and (max-width: 1024px) {

h1 {
	font-size:2em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.17em;
}
}