/* home page */

@font-face {
  font-family: 'vcr_osd_mono';
  src: url(./vcr_osd_mono/vcr_osd_mono_1.001-webfont.woff);
}

#content{
  position: absolute;
  margin-top: 15px;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 480px;
  background-image: url(overlay.png);
  pointer-events: none;
}

#maincontent {
  background-image: url(websafegalaxy.png);
  background-position: right;
  position: absolute;
  top: 85px;
  left: 201px;
  width: 410px;
  height: 371px;
  padding-left: 10px;
  padding-top: 5px;
  overflow: auto;
  /*scrollbar-gutter: stable;*/
}

#maintext {
  width: 393px;
  text-align: justify;
  text-justify: inter-word;
  font-family: 'vcr_osd_mono';
  color: white;
}

#sidebar {
  background-image: url(websafegalaxy.png);
  position:absolute;
  top: 89px;
  left: 17px;
  height: 372px;
  width: 172px;
  overflow-y: auto;
  overflow-x: hidden;
}

#stuff {
  position: absolute;
  top: calc(99px - 89px);
  left: calc(17px - 17px);
}

#aboutme {
  position: absolute;
  top: calc(180px - 89px);
  left: calc(39px - 17px);
}

#oliver {
  position: absolute;
  top: calc(255px - 89px);
  left: calc(39px - 17px);
}

#scroll4more {
  position: absolute;
  top: calc(370px - 89px);
  left: calc(30px - 17px);
}

#tokipona {
  position: absolute;
  top: calc(405px - 89px);
  left: calc(90px - 17px);
}

#webclown {
  position: absolute;
  top: calc(530px - 89px);
  left: calc(30px - 17px);
}

#oliver2 {
  position: absolute;
  top: calc(1750px - 89px);
  left: calc(39px - 17px);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

body {
  display: block;
  margin: 0px;
  background-color:black;
}

a:link {
  color: #CCCCFF;
}

a:visited {
  color: #CC66FF;
}