html {
  height: 516.5em;
  scroll-margin: 10px;

}

body {
  background-image: url('dirt.png');
  background-position: center, center;
  background-attachment: fixed;
  margin: 0;
  width: 100vw;

}

span {

  text-decoration: none;
}

a {
  text-decoration: none;
}

.slink {
position: absolute;
top: 100px;
left: 100px;
}

.star {
pointer-events: none;
position: absolute;
top: 100px;
left: 100px;
}

.btwstar {
pointer-events: none;
position: absolute;
top: 100px;
left: 100px;
}

.floor {
height: 480px;
width: 160px;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}

#people {
height: 480px;
width: 640px;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}

.frame {
scroll-snap-align: start;

background-color: #101010;
height: 480px;
width: 640px;
margin: 0;
position: fixed;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
filter: drop-shadow(0px 0px 5px #000000);
transform-origin: 0% 800%;
}

#frame1 {
background-image: url(emptysky.png);

}

#frame2 {
  rotate: 45deg;
background-image: url(btw.png);
display: flex;
justify-content: center;
align-items: center;
}

#frame3 {
  rotate: 90deg;
background-image: url(btw.png);
width: 0px;
overflow: hidden;
}

.btw {
background-image: url(btw.png);
background-color: #101010;
height: 480px;
width: 640px;
margin: 0;
position: fixed;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
filter: drop-shadow(0px 0px 5px #000000);
transform-origin: 0% 800%;

width: 0px;
overflow: hidden;
}

#btw1 {
  rotate: 15deg;
}

#btw2 {
  rotate: 22.5deg;
}

#btw3 {
  rotate: 30deg;
  }


.footer{
   position: fixed;
   left: 1vw;
   bottom: 1vh;
   width: 98vw;

}

.bottomright {

  float: right;
  text-align: right;


}

.update, .update a {
  width: 100%;
     color: white;
     filter: drop-shadow(0px 0px 2px #aaa);
  margin: 1px;
font-family:HonyaJi-Re;
color: white;
}
