body {background: #ffffff;color: #000000;padding: 10px;line-height: 1.25em;font-family: 'VT323', monospace;}
h1 {font-size: 2.125em;line-height: 1.125em;}
h2 {margin-top:50px;text-transform: uppercase;font-size: 1.75em;}
h3 {font-size: 1.5em;}
p {font-size: 1.25em;}
a {color: #000000;font-weight: bold;}
a:hover {text-decoration: none;}
a:visited {color: #AA52A7}
.divTableCell img {width:50px;height:40px;border:solid 1px #000000;image-rendering: pixelated;}
.clear {clear:both;display: block}
#socials {overflow: hidden;}
#socials img {width:32px;}
#socials ul {list-style: none;margin: 0;padding: 0;}
#socials ul li {float: left;margin: 0 10px 0 0;padding: 0;}
.intro {background: #ADFFFE;padding: 0 20px;margin: 0 0 0 -20px;width: calc(100%);overflow: hidden;border-top: solid 3px #AA52A7;border-bottom: solid 4px #ADA8FB}
.proof {width:100%;margin-top:20px;}
img.ninja {width: 30px;border:none;float: none;vertical-align: middle;margin-top: -5px;}
.f-thumbs__slide__img {image-rendering:pixelated;}
.olga {width:calc(100% + 20px);margin: 20px -10px 0;border:solid 1px #000;position: relative;}
.olga img {width:100%;display: block;}
.zoomin {width:100%;height: 100%;position: absolute;top:0; left:0;background: #0000004d url('/images/zoom-in.png') no-repeat center center;}
.winner {vertical-align: middle;margin-right: 10px;}
a.dispenser {display: block;border-radius: 10px;background: #AA52A7;padding: 3px 3px;color: white;text-align: center;text-decoration: none;}

/* DivTable.com */
.divTable{
	display: table;
	width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}
.divTableRow {
	display: table-row;
}
.divTableHead {text-transform: uppercase;}
.divTableCell:first-child {text-transform: uppercase;padding: 3px 10px 3px 20px;font-size: 1.25em}
.divTableCell, .divTableHead {
	border-bottom: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
    vertical-align:middle;
    text-wrap: nowrap;
}
.divTableHeading {
	background-color: #AAFFAF;
	display: table-header-group;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

@media all and (min-width:640px) {
    .token {width:20%;float: left;}
    .proof {width:40%;float: right;margin-left: 50px;}
}

@media all and (min-width:1024px) {
    body {padding: 50px;}
    .intro {margin-bottom: 0px;}
    .intro h1 {display: inline-block;margin-bottom: 0;}
    .intro h2 {margin-top:20px}
    .intro p {font-size: 1.5em;line-height: 1.125em;color: #000000}
    .olga {width:300px;float: right;margin: 100px -10px 10px 10px;} 
    #socials {display: inline-block;margin-top: -10px;vertical-align: middle;margin-left: 20px;}
    .token img {width:200px;}
    .proof {width:25%;margin-top:0;}
    .third {width:calc(33.33% - 20px);margin:20px 20px 20px 0;float: left;}
}