body{background:#ddd url(https://i.imgur.com/6ptIv5J.png);font-family:'courier new';font-size:13px;font-weight:700;line-height:1.3;color:#c74e13;padding-bottom:40px}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,#poptemplate{color:#7a6e60;border-bottom:1px dotted #7a6e60;border-bottom-color:inherit;text-decoration:none;cursor:pointer}
a:hover,#poptemplate:hover{color:#4b6b75}
::selection{background-color:rgba(241,241,241,0.5);color:#645752}
::-moz-selection{background-color:rgba(241,241,241,0.5);color:#645752}
#wrapper{padding:30px 50px}
header{width:95%;max-width:920px;margin:0 auto 30px}
header .icon{display:inline-block;width:60.2px;height:65.8px;background-image:url(https://i.imgur.com/Tb84A2Q.png);background-size:60.2px 65.8px}
#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{margin:10px;background:rgba(220,220,220,0.5);box-shadow:inset 0 0 28px 0 rgba(100,87,82,0.1);border-top:4px solid #6f98a5;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden}
.item .prompt{padding:10px}
.item .response,.item .prompt-options{padding:10px;border-top:1px dashed #b3b1a8}
.item .response-empty,.item .prompt-options{display:none}
.item.item-removed{opacity:.35}
.item img:not(.freestyle){display:block;width:100%}
a,#poptemplate,.item img:not(.freestyle),#promptpackage .button,#promptpackage i.fa{-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-ms-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out}
.item.item-images{border-top:none;border-top-left-radius:4px;border-top-right-radius:4px}
.item-images img:not(:last-child){margin:0 0 5px}
.response img.fullalign{width:calc(100% + 20px);position:relative;top:-8px;left:-10px;margin-bottom:-20px}
.response a > img:hover{opacity:.2}
img.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.item img:hover{opacity:1}
.fillblank{display:inline-block;border-bottom:1px dotted #000;border-bottom-color:inherit;line-height:.7}
.fillword{display:inline;width:auto;white-space:pre-line}
.fillblank:not(.fillword)::before{content:'\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0'}
#promptpackage .prompt{cursor:pointer}
.prompt-options{text-align:center}
.prompt-options .get-post{display:block;margin-top:5px}
.button,i.fa{background:rgba(52,137,121,0.5);box-shadow:inset 0 0 5px rgba(0,0,0,0.3);color:#d6d6d6;text-shadow:0 0 1px #525252;cursor:pointer}
.button{display:inline-block;margin:3px 0 5px;padding:5px 9px;line-height:1.2;border-radius:5px;text-transform:uppercase;font-family:arial,sans-serif;font-size:11px}
.button:hover,i.fa:hover{background:rgba(62,101,93,0.5);color:#c7c7c7}
i.fa{font-size:18px;line-height:1.8;background:rgba(52,137,121,0.5);border-radius:50%;width:30px;height:30px;margin-right:5px;text-align:center}
footer{display:none}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(134,134,134,0.65) url(https://i.imgur.com/r3bfj5N.png);cursor:pointer}
#modal{position:absolute;top:50%;left:50%;width:420px;height:230px;margin:-115px 0 0 -200px;padding:26px;background:#e4e4e4;border-radius:4px;overflow:hidden;cursor:auto}
#modal textarea{width:100%;height:100%;overflow:auto;white-space:pre;resize:none;outline:0;border:1px dotted gray;border-radius:4px;opacity:.8}
footer{text-align:center}
footer .howto{width:480px;margin:20px auto 0;padding:10px;font-family:Helvetica,Roboto,Calibri,sans-serif;font-size:12px;color:#5a5958;text-shadow:1px 1px rgba(239,239,239,.75);border:1px dotted #5a5958;border-radius:4px;opacity:.8}
footer p a{color:inherit;text-decoration:none}
footer p a:hover{background-color:rgba(241,241,241,0.5);color:#645752}
.hexicon{position:relative;display:table}
.hexicon img{position:absolute;top:5px;left:5px;width:100px;height:100px;-webkit-clip-path:url(#hex);clip-path:url(#hex);-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;opacity:.4;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.hexicon img:hover{opacity:.9}
.hexicon path{stroke:rgba(0,0,0,0.25);fill:rgba(81,104,123,0.8)}
@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'}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
#wrapper{padding:30px 20px}
#grid{width:auto}
#grid[data-columns]::before{content:'2 .column.size-1of2'}
}
@media screen and (min-width: 768px) {
#grid{width:auto}
#grid[data-columns]::before{content:'3 .column.size-1of3'}
}
@media screen and (min-width: 1024px) {
#grid{width:960px}
}
@media screen and (max-width: 1200px) {
.hexicon {display: none; } 
}