body {
  background-color: green;
  color: #aebcd4;
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: calc(100vh/720*26);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  
}


.all {
  overflow: auto;
  width: calc(100vh/720*960);
  height:100vh;
  background-color: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


img {
width:1333px;
display: inline-block;
margin: 0;
padding: 0;
}


.centertext {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
}

.scrollcentered
{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.centered
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.writing{
  object-fit:contain;
  width:calc(100vh/720*700);
  height:calc(100vh/720*600);
}

.scrollwriting{
  width:calc(100vh/720*600);
}

.ask{
  width:calc(100vh/720*700);
  text-align: left;
}

.asktitle{
  font-size: calc(100vh/720*32);
}

.askusername{
  display: inline-block;
  font-size: calc(100vh/720*20);
  transform: translate(0, calc(100vh/720*-6));
}


.asktext{
  margin-top:calc(100vh/720*14);
}


.post{
  margin: calc(100vh/720*30*0.8);
  width:calc(100vh/720*700*0.8);
  text-align: left;
  padding-top:calc(100vh/720*14*0.8);
  padding-left:calc(100vh/720*20*0.8);
  padding-right:calc(100vh/720*20*0.8);
  padding-bottom:calc(100vh/720*20*0.8);
  background-color: black;
  border: calc(100vh/720*2) solid #aebcd4;
}

.postusernames{
  display: inline-block;
  font-size: calc(100vh/720*20);
  transform: translate(0, calc(100vh/720*6));
}

.posttext{
  margin-top:calc(100vh/720*12);
  margin-bottom:calc(100vh/720*8);
}

.postbutton{
  padding-top:calc(100vh/720*8);
  height:calc(100vh/720*40);
  display: inline-block;
  border-radius: 10%;
  background-color: red;
}


.videowindow{
  width:calc(100vh/720*900*0.8);
  height:calc(100vh/720*506*0.8);
  overflow: auto;
  text-align: left;
  padding-left:calc(100vh/720*20*0.8);
  padding-right:calc(100vh/720*20*0.8);
  padding-bottom:calc(100vh/720*20*0.8);
  padding-top:calc(100vh/720*10*0.8);
  border: calc(100vh/720*2) solid #aebcd4;
  z-index:2;
}


.videotitle{
  position: fixed;
  text-align: left;
  font-size: calc(100vh/720*32);
}

.video{
  object-fit:cover;
  position: fixed;
  width:calc(100vh/720*900*0.8 + 2*100vh/720*20*0.8);
  height:calc(100vh/720*506*0.8 + 1.5*100vh/720*20*0.8);
  transform: translate(-50%, -50%);
}

.icon{
  height:calc(100vh/720*40);
  width:calc(100vh/720*40);
  border-radius: 50%;
  transform: translate(0, calc(100vh/720*8));
}

.loadvideoimg{
  width:calc(100vh/720*100);
  height:calc(100vh/720*64);
    object-fit:contain;
}

.loadvideo{
  font-size: calc(100vh/720*22);
}

.videocontrols{
  padding-left:calc(100vh/720*35*0.8);
  width:calc(100vh/720*905.5*0.8);
  height:calc(100vh/720*57*0.8);
  position: fixed;
  transform: translate(calc(100vh/720*-23*0.8 + 100vh/720*2), calc(100vh/720*127*0.8));
  border-top: calc(100vh/720*2) solid #aebcd4;
  background-color: rgba(0, 0, 0, 0.5);
}

.videocontrolgap{
display: inline-block;
width:calc(100vh/720*630*0.8);

}

.videocontrolicons{
  transform: translate(0, calc(100vh/720*13*0.8));
  height:calc(100vh/720*34*0.8);
  width:auto;
}

.posticons{
  transform: translate(0, calc(100vh/720*4));
  height:calc(100vh/720*24);
  width:auto;
}


.subtitlesgap{
  height:calc(100vh/720*340*0.8);
}

.postimg {
  margin-top:calc(100vh/720*4);
  display: inline-block;
  width:calc(100vh/720*700*0.8);
  height:calc(100vh/720*450);
  background-color: red;
  object-fit:contain;
}











.findme {
width:calc(100vh/720*300);
height:auto;
}


.arrows {
  font-size: calc(100vh/720*60);
}

.amidreaming {
width:calc(100vh/720*287);
height:calc(100vh/720*300);
position: absolute;
background-image: url('images/amidreamingfolded.jpg');
background-color: black;
background-repeat: no-repeat;
background-size: contain;
}

.amidreaming:hover {
width:calc(100vh/720*490);
height:calc(100vh/720*476);
background-image: url('images/amidreaming.jpg');
}

.dark-zombie {
width:208px;
height:286px;
position: absolute;
background-color: black;
background-repeat: no-repeat;
background-size: contain;
}

.dark-zombie:hover {
background-image: url('images/dark-zombie.jpg');
}

.title{
  display: inline-block;
  text-align:left;
  width:700px;
  border: 2px solid #ff0cd0;
}

.page{
  display: inline-block;
  text-align:left;
  width:700px;
}

.footnote {
font-size: 20px;
}

.navigation{
  position: fixed;
  bottom: 50%;
  left:50%;
  transform: translate(-50%, 50%);
  text-align:left;
  width:900px;
}

.last{
  position: fixed;
  bottom: 50%;
  transform: translate(0, 50%);
  left:50px;
  width:100px;
}
.next{
  position: fixed;
  bottom: 50%;
  transform: translate(0, 50%);
  right:50px;
  width:100px;
}





mark {
  color: #aebcd4;
  background-color: #121212;
}




a:link {
  color: #88A3E8;
  text-decoration: underline;
}

a:visited {
  color: #88A3E8;
  text-decoration: underline;
}

a:hover {
  color: #3A74FF;
  text-decoration: underline;
}


a:active {
  color: #3A74FF;
  text-decoration: underline;
}


a.past:link {
  text-decoration: none;
  color:#fcc777;
}

a.past:visited {
  text-decoration: none;
  color: #fcc777;
}
a.past:hover {
  text-decoration: none;
  color: #eb8910;
}
a.past:active {
  text-decoration: none;
  color: #eb8910;
}


::selection {
  color: black;
  background: transparent;
}