@font-face {
  font-family: operator;
  src: url(https://robinbird.net/fonts/operator.woff);
  font-display: swap;
}
* {
  box-sizing:border-box;
}
@media only screen and (max-width: 544px) {
  img {
    width:100%;
    height:100%;
    max-width:512px;
    max-height:512px;
  }
}
@media only screen and (min-width: 544px) {
  img {
    width:512px;
    height:512px;
  }
}
img {
  display:inline-block;
  margin-bottom:14px;
  }
@media only screen and (max-width: 1604px) {
  .column-morenav {
  display:none;
  }
  .column-main {
    height:100%;
    max-width:calc(100% - 260px);
  }
  .column-home {
    height:100%;
    max-width:calc(100% - 260px);
  }
}
@media only screen and (min-width: 1604px) {
  .column-morenav {
  display:inline-block;
  }
  .column-main {
    height:100%;
    max-width:calc(100% - 804px);
  }
  .column-home {
    height:100%;
    max-width:calc(100% - 260px);
  }
}
@media only screen and (max-width: 800px) {
  .column-nav {
  height:29px;
  }
  .column-morenav {
  height:auto;
  }
  .column-main {
  height:auto;
  width:auto;
  max-width:100%;
  }
  .column-home {
  height:auto;
  width:auto;
  max-width:100%;
  }
  .column-oracle {
    display:none;
  }
  .oraclemobileerror {
    display:inline-block;
    height:100%;
    width:100%;
  }
  .mobilehider {
    display:none;
  }
  .show {
    display:block;
  }
  .box-topfixed {
    position:absolute;
  }
  .box-bottomfixed {
    position:absolute;
  }
}
@media only screen and (min-width: 800px) {
  .column-nav {
    height:50%;
    max-width:260px;
  }
  .column-morenav {
    height:100%;
    max-width:544px;
  }
  .column-home {
    height:100%;
    width:auto;
    max-width:calc(100% - 260px);
  }
  .column-oracle {
    display:inline-block;
    height:100%;
    width:100%;
  }
  .oraclemobileerror {
    display:none;
  }
  .mobilehider {
    display:block;
  }
  .box-topnav {
    display:none;
  }
  .box-topfixed {
    position:fixed;
  }
  .box-bottomfixed {
    position:fixed;
  }
  p {
    max-height:22px;  
  }
  .fakebutton {
    max-height:22px;
  }
  .button {
    max-height:22px;
  }
}
html, body {
  margin:0;
  padding:0; 
  height:calc(100% - 6px);
  width:100%; 
  background-color:#000000;
}
.pixeldrawercontainer {
  position:fixed;
  z-index:0;
  display:block;
  border:none;
  height:100%;
  margin:0;
  background-color:#000000;
}
#pixelDrawer {
  display:block;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent;
}
.sticky {
  position:relative;
  width:260px;
  height:100%;
}
.column-nav {
  display:inline-block;
  position:relative;
  width:100%;
  pointer-events:none;
}
.column-morenav {
  position:relative;
  width:100%;
  pointer-events:none;
}
.column-main {
  display:inline-block;
  position:relative;
  width:100%;
  pointer-events:none;
}
.column-home {
  display:inline-block;
  position:relative;
  width:100%;
  pointer-events:none;
}
.box-top {
  z-index:1;
  position:absolute;
  top:16px;
  left:16px;
  margin-right:16px;
  font-family:operator;
  font-size:16px;
  pointer-events:none;
}
.box-topfixed {
  z-index:1;
  top:16px;
  left:16px;
  margin-right:16px;
  font-family:operator;
  font-size:16px;
  pointer-events:none;
}
.box-bottomfixed {
  z-index:1;
  bottom:16px;
  left:16px;
  font-family:operator;
  font-size:16px;
  pointer-events:none;
}
.box-topnav {
  position:absolute;
  z-index:1;
  top:16px;
  right:16px;
  font-family:operator;
  font-size:16px;
  pointer-events:none;
}
p {
  display:inline-block;
  border:none;
  color:#ffffff;
  padding-top:2px;
  padding-bottom:4px;
  padding-left:2px;
  padding-right:0px;
  text-align:left;
  text-decoration:none;
  margin-top:0px;
  margin-bottom:2px;
  margin-right:14px;
  line-height:16px;
  text-transform: lowercase;
}
.fakebutton {
  display:inline-block;
  background:#ffffff;
  border:none;
  color:#000000;
  padding-top:2px;
  padding-bottom:4px;
  padding-left:2px;
  padding-right:0px;
  text-align:left;
  text-decoration:none;
  margin-bottom:2px;
  margin-right:14px;
  cursor:pointer;
  pointer-events:none;
  line-height:16px;
}
.navbutton {
  font-family:operator;
  font-size:16px;
  pointer-events:none;
  display:inline-block;
  max-height:22px;
  background:#ffffff;
  border:none;
  color:#000000;
  padding-top:2px;
  padding-bottom:4px;
  padding-left:2px;
  padding-right:0px;
  text-align:left;
  text-decoration:none;
  margin-bottom:2px;
  cursor:pointer;
  pointer-events:auto;
  line-height:16px;
}
.navbutton:hover {
  background:#6600FF;
  color:#FFFFFF;
}
.button {
  font-family:operator;
  font-size:16px;
  display:inline-block;
  background:#ffffff;
  border:none;
  color:#000000;
  padding-top:2px;
  padding-bottom:4px;
  padding-left:2px;
  padding-right:0px;
  text-align:left;
  text-decoration:none;
  margin-bottom:2px;
  margin-right:14px;
  cursor:pointer;
  pointer-events:auto;
  line-height:16px;
}
.button:hover {
  background:#6600FF;
  color:#FFFFFF;
}
.mailform[type=email] {
  font-family:operator;
  font-size:16px;
  max-height:22px;
  background:#ffffff;
  border:none;
  color:#000000;
  padding-top:2px;
  padding-bottom:4px;
  padding-left:2px;
  padding-right:0px;
  text-align:left;
  text-decoration:none;
  display:block;
  margin-bottom:2px;
  cursor:text;
  width:100%;
  max-width:228px;
  pointer-events:auto;
  outline: none;
}
.mailform[type=email]:focus {
  background:#6600ff;
  color:#ffffff;
}
.oraclefileindex {
  display:none;
}
.oraclefilename {
  display:none;
}
.oraclefiledate {
  display:none;
}
.oraclefilenum {
  display:none;
}
.oraclelist {
  display:inline-block;
  position:static;
}
.inline-block-wrap-fix {
  overflow:hidden;
  width:100%;
  white-space:nowrap;
}
.oraclemainstack {
  z-index:1;
  position:absolute;
  display:block;
  top:round(to-zero, 50%, 2px);
  left:round(to-zero, 50%, 2px);
  transform: translateX(-50%) translateY(-50%);
  pointer-events:none;
}
.oracleclickstack {
  z-index:2;
  position:absolute;
  display:block;
  /*display:none;*/
  top:round(to-zero, 50%, 2px);
  left:round(to-zero, 50%, 2px);
  transform: translateX(-50%) translateY(-50%);
  cursor:pointer;
  pointer-events:auto;
}
.oracletopstack {
  z-index:3;
  position:absolute;
  display:block;
  top:round(to-zero, 50%, 2px);
  left:round(to-zero, 50%, 2px);
  transform: translateX(-50%) translateY(-50%);
  pointer-events:none;
}
.oracleclicklabel {
  z-index:4;  
  display:none;
  border:none;
  background:#6600FF;
  color:#FFFFFF;
  padding-top:2px;
  padding-bottom:4px;
  padding-left:2px;
  padding-right:0px;
  text-align:left;
  text-decoration:none;
  margin-bottom:2px;
  margin-right:14px;
  pointer-events:none;
  line-height:16px;
  position:absolute;
  font-family:operator;
  font-size:16px;
}
.oraclebottomtext {
  z-index:1;
  bottom:16px;
  font-family:operator;
  font-size:16px;
  position:absolute;
  display:block;
  left:round(to-zero, 50%, 2px);
  transform: translateX(-50%);
  pointer-events:none;
}
.textblock {
  display:inline-block;
  border:none;
  color:#ffffff;
  padding-top:2px;
  padding-bottom:4px;
  padding-left:2px;
  padding-right:0px;
  text-align:left;
  text-decoration:none;
  font-family:operator;
  font-size:16px;
  margin-top:0px;
  margin-bottom:2px;
  margin-right:14px;
  text-transform:lowercase;
  line-height:24px;
  white-space:pre;
  }
  
.spoiler {
  display:none;  
  }