html { height:101%; }
body { background:url(gothic.png) top center; background-color:#000000; background-position:0 0; background-size:auto 98.3vh; background-repeat:repeat-x; background-attachment:fixed; overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling:touch; }
img { border:0; height:100%; }
.sides { position:absolute; top:4px; left:4px; height:94vh; display:-webkit-flex; display:-moz-flex; display:flex; align-items:center; gap:8px; }
.half { height:94vh; font-size:2.5vw; background-color:#ccffcc; }
.txt { transform-origin:50% 50%; transform:rotate(-0.25turn); }
.OK { height:94vh; background-color:#595959; }

.erectus { height:94vh; margin:0 0 0 0; background-color:rgba(152,149,152,0.89); color:#191D19; font-size:5.7vh; writing-mode:vertical-rl; text-orientation:sideways;}

.cat { height:94vh; padding:0 0 0 0; margin:0 0 0 0; background-color:#959595; color:#575859; rotate:-0.5turn; writing-mode:vertical-lr; text-orientation:sideways;}
.catsbottom { height:94vh; padding:0 0 0 0; background-color:#959595; color:#575859; transform:rotate(-0.5turn); writing-mode:vertical-lr; text-orientation:sideways;}
.p {
  writing-mode: vertical-rl;
  text-orientation: sideways-right;
}

.old { width:54vh; height:24vh; font-size:2.5vw; text-align:justify; background-color:#595959; color:#ffcc00; transform-origin:0 18px; transform:translate(100%, -50%) rotate(-0.25turn) translate(-100%, 50%) translateX(-16px) }