html { width:100%; height:101%; }
body { width:100%; height:100%; margin:0; padding:0; background-color:#ef839f; text-align:center; font-size:100% }
img { border:0; }

a { text-decoration:none; color:#ef839f; }
a:visited { color:#ef839f; }

a.fig { text-decoration:underline; color:#575753; }
a.fig:visited { text-decoration:underline; color:#575753; }

#tapestrybag { position:absolute; top:4px; width:100%; }
#matchboxes { vertical-align:top; width:32.9%; display:inline-block; }
#openmatchbox { width:44%; margin-left: auto ; margin-right: auto ;}
#tapestrybagbag { position:absolute; width:100%; height:100%; background-position:top center; background-size:contain; background-repeat:no-repeat; }
p { font-family:Lexend; font-size:2.5vw; font-weight:300; letter-spacing:2px; margin:0 0 19px 0; float:left; color:#484848; width:98%; text-align:justify; background-color:rgba(239, 233, 231, 0.1); }
.hashtag { font-family:Lexend; font-size:2vw; font-weight:200; margin:0 0 0 0; float:left; width:100%; text-align:right; }
img { width:100% }

.pen { font-family:Bitter; font-size:2.2vw; font-weight:400; }
.date { font-family:Bitter; font-size:2vw; font-weight:200; margin:0 0 0 0; float:left; width:100%; text-align:right; }

@font-face { font-family:'cooltrash_c64'; src:url('font/c64-webfont.woff2')format('woff2'),url('c64-webfont.woff')format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'cooltrash_nes'; src:url('font/nes-webfont.woff2')format('woff2'),url('nes-webfont.woff')format('woff'); font-weight:normal; font-style:normal; }
.bitter { font-family:"Bitter",serif; font-optical-sizing:auto; font-weight:normal; font-style:normal; }

--
.run { font-family:commodore_64_pixelizedregular; font-size:3vh; margin-top:4px; margin-bottom:4px; padding-right:1px; color:#b6fafa; text-align:right; white-space:nowrap; }
.credsnatcher { font-family:press_startregular; font-size:2vh; margin-top:4px; margin-bottom:4px; padding-right:1px; text-align:right; white-space:nowrap; }
.copyright { font-family:press_startregular; font-size:2vh; margin-top:4px; margin-bottom:4px; padding-right:1px; color:#ef839f; text-align:right; white-space:nowrap; }
.pcopyright { font-family:georgia; font-size:.8em; margin-top:4px; margin-bottom:4px; padding-right:1px; color:#575753; text-align:right; white-space:nowrap; }
#gossip { position:absolute; bottom:4px; right:6px; padding-bottom:4px; padding-left:4px; text-align:right; }