body {
  padding:0px;
  display:inline-block;
}
h1 {
  margin:0px;
  padding:0px;
  font-family:serif;
}
h2, h3, p {
  font-family:serif;
}
.title{
  font-size:60px;
}
.leftbar{
  font-size:3.5vh;
  float:left;
  writing-mode: vertical-lr;
  width:60px;
  transform:rotate(180deg);
  white-space:nowrap;
  position:fixed;
  height:100%;
  overflow:hidden;
  text-align:center;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: white;
}

.main{
  max-width: calc(100% - 70px);
  float:right;
}

.left {
  width:60%;
  float:left;

}
.right {
  width:40%;
  float:right;
}
.splash {
  max-width:100%;
  max-height:100%;
  animation:flicker 4s linear repeat both;
}

@keyframes flicker {
  0%,10% {opacity:1;}
  10.1%,15% {opacity:0;}
  15.1%,18% {opacity:1;}
  18.1%,20% {opacity:0;}
  20.1%,35% {opacity:1;}
  35.1%,45% {opacity:0;}
  45.1%,49% {opacity:1;}
  49.1%,52% {opacity:0;}
  52.1%,100% {opacity:1;}
}

@media screen and (max-width: 800px) {
  .left, .right {
    width: 100%;
  }
}