body{background:#110d0b url(https://i.imgur.com/6KTzdAF.png);font-family:'Fjalla One',serif;font-size:22pt;line-height:1.3;color:#000;padding-bottom:40px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.1);border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,0.4)}
::-webkit-scrollbar-track{background-color:rgba(107,107,107,0.35);border-radius:10px}
::-webkit-scrollbar{background-color:rgba(0,0,0,0.02);height:8px;width:5px}
::-moz-scrollbar-thumb{background-color:rgba(0,0,0,0.1);border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,0.4)}
::-moz-scrollbar-track{background-color:rgba(107,107,107,0.35);border-radius:10px}
::-moz-scrollbar{background-color:rgba(0,0,0,0.02);height:8px;width:10px}
#wrapper{position:relative;padding:30px 50px}
header{width:100%;max-width:920px;margin:30px auto 50px}
#grid{margin:0 auto}
.column{float:left}
.size-1of1{width:100%}
.size-1of2{width:50%}
.size-1of3{width:33.333%}
.clear:before,.clear:after{clear:both;content:'';display:block;height:0;visibility:hidden}
.item{position:relative;margin:12px;margin-bottom:22px;box-shadow:0 0 2px 1px rgba(97,97,97,0.1);border-radius:18px;overflow:hidden}
.imgwrap img{width:100%;vertical-align:bottom}
.imgwrap.grayscale img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.imgwrap::after{content:'';display:block;height:100%;position:absolute;top:0;width:100%}
.glowborder .imgwrap::after{box-shadow:inset 0 0 16px 2px rgba(60,60,60,0.9)}
.glowborderbright .imgwrap::after{box-shadow:inset 0 0 14px 1px #6d6d6d}
.trivia{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow-x:hidden;overflow-y:auto;padding:34% 5% 5%;line-height:1.2;opacity:0;-webkit-transition:opacity .8s ease-in-out;-moz-transition:opacity .8s ease-in-out;-o-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out}
.item.active .trivia,.item.freeze .trivia{opacity:1}
.medtext,.smalltext,.titletext{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:pre-wrap;vertical-align:bottom}
.medtextwrap,.smalltextwrap{margin:6px 0}
.medtextwrap{font-size:2.5vw;line-height:1.2;text-transform:uppercase;letter-spacing:-2px}
.medtext{padding:1px 4px 0;white-space:pre-wrap;vertical-align:super;vertical-align:bottom;background-color:rgba(255,255,255,0.85);}
.smalltextwrap{font-size:14px;line-height:1.5;font-family:calibri,arial,sans-serif;text-transform:uppercase}
.smalltext{padding:1px 3px 0;color:#a9a9a9;text-shadow:0 0 1px #a9a9a9}
.titletext{padding:0 9px 0 3px;background:rgba(189,19,121,0.65);text-transform:uppercase;letter-spacing:-2px;font-size:3.5vw;font-style:italic;font-weight:700}
body.light-theme{background:#cfcfce url(https://i.imgur.com/PTP75Ls.png)}
@media screen and (max-width: 480px) {
body{font-size:16px}
header .icon{margin:0 auto}
#wrapper{padding:30px 20px}
#grid{width:auto}
#grid[data-columns]::before{content:'1 .column.size-1of1'}
.titletext{font-size:8.7vw!important}
.medtextwrap{font-size:6.6vw!important;line-height:1.5!important}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
#wrapper{padding:30px 20px}
#grid{width:auto}
#grid[data-columns]::before{content:'2 .column.size-1of2'}
.titletext{font-size:4.7vw!important}
.medtextwrap{font-size:3.5vw!important;line-height:1.5!important}
}
@media screen and (min-width: 769px) {
#grid{width:auto}
#grid[data-columns]::before{content:'3 .column.size-1of3'}
.titletext{font-size:36px}
.medtextwrap{font-size:25px;line-height:1.4}
}
@media screen and (min-width: 1024px) {
#grid{width:860px}
}