/*the main stuff!*/ 
.title {
color: white;
  font-size: x-large;
  font-family:Georgia, 'Times New Roman', Times, serif;
}
a:any-link {
  color: antiquewhite;
}
a:visited {
  color: seagreen;
}
body {
  background-size: 500vh;
  background-repeat: no-repeat;
  background-image: url(https://interkosmonautika.neocities.org/black%20sky.jpeg);
}
/*text flair*/ 
.book {
  width:1200px;
  height:1100px;
  }
.bookclosed {
 display: block;
 width: 1000px;
 height: 700px;
 position: absolute;
 z-index: 2;
 left: -15px;
  }
.bookopen {
  display: none;
  width: 1000px;
  height: 700px;
  position: absolute;
  z-index: 0;
  left: 350px;
  }
.image-box input {
  display: none;
  }
.image-box:has(input:checked) .bookclosed {
  display: none;
  }
.image-box:has(input:checked) .bookopen {
  display: block;
  }

/*actual text*/
.box {
  display: inline-block;
  inline-size: 350px;
  word-break: break-all;
  transform: skew(-8deg);
}
#text {
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-size: 14px;
  color: black;
  position: absolute;
  left: 490px;
  top: 180px;
  z-index: 1;
}
span {
  color: darkred;
}
/*uh.. my little guy?*/ 
.fm {
  position: relative;
  float: right;
  top: -1150px;
  z-index: 0;
}