/** Generated by FG **/
@font-face {
	font-family: 'Conv_PressStart2P-Regular';
	src: url('fonts/PressStart2P-Regular.eot');
	src: local('☺'), url('fonts/PressStart2P-Regular.woff') format('woff'), url('fonts/PressStart2P-Regular.ttf') format('truetype'), url('fonts/PressStart2P-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {background-color: rgb(0,255,0); 
  font-family:Helvetica,sans-serif; color:#000;}
body.green{margin: 0px;width: 100%;}
body.intro{text-align:center;width: 100%; margin: 0;}
body.read{padding:3em; margin-left:30%;font-size: 1.3em;}
a{ color:#000; border:0;}
@supports(display: grid) {
.container {
  display: grid;
  -webkit-grid-gap: 0px;
  grid-gap: 0px;
  align-items: center;
  -webkit-grid-auto-flow: row dense;
  grid-auto-flow: row dense;
  -webkit-grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
  grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));}
}
.container{display:flex; flex-wrap: wrap;}
.container > div{ font-size:0; width:25%;}
img {width: 100%;height: auto;}
.front-img-l,.front-img-r{display: table-cell; width:50%;vertical-align:middle;}
h2,h1,h2 a{font-family:'Conv_PressStart2P-Regular',Helvetica,sans-serif;
color:rgb(0,255,0) !important;
text-shadow:0px 2px 0px rgba(0, 0, 255,.7), 2px 0px 0px rgba(255,0,0,.8); 
  justify-content: center; display:flex;text-decoration: none; z-index:100; width:100%;}
h2 {font-size:1.4em;line-height:1em;width:100%; }
h1{font-size:1.6em;line-height:1.2em; margin-top:.2em; top:0;position:absolute; }
body.read h3{font-size: 4em;}
.small{font-size:.8em;}
.table{display:table; position:absolute; top:0; bottom:0; width:100%; height:100%;text-align:center;}
.table-row{ display:table-row;}
.bottom {position:absolute; bottom:0; width:100%; }
img[data-sizes="auto"] { display: block; width: 100%; height:auto; }
button{ padding:2em;width:100%; display:block, border-radius:0; border:0px; background-color: #fff;}
@media (max-width: 768px) {
  @supports(display: grid) {.container {
  grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))}
  }
h1{font-size:1.2em; clear: both;}
h1 span{padding-left:1em; padding-right: 1em;}
h2{font-size:1.1em;width:100%;}
h2,h1,h2 a{text-shadow:0px 1px 0px rgba(0, 0, 255,.7), 1px 0px 0px rgba(255,0,0,.8);}
.container > div{width:50%; float:left;}
.item:nth-of-type(2n+1) {clear;left;}
body.read{padding-right: 1em; margin-left:0;font-size: 1em;}
body.read h3{font-size: 2.2em;}
}