@font-face {
    font-family: "MS PGothic";
    src: url(https://fanroad.neocities.org/fonts/MS-PGothic.woff);
}

.amarante-regular {
  font-family: "Amarante", serif;
  font-weight: 400;
  font-style: normal;
}

body, html {
  height: 100%;
  margin: 0;
  overflow:hidden;
  background-color:#1B4D3E;
}

/* the backgrounds and all they contain */

.god {
  position: absolute;
  margin-left:200px;
  height: 100vh;
  width:1200px;
}

.themachine {
  position:absolute;
  width:960px;
  height:100%;
  overflow-y:scroll;
  overflow-x:hidden;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}

/* navigation */

.sidebar {
  margin-left:960px;
  margin-top:20px;
  position:absolute;
  width:200px;
  height:auto;
  padding:20px;
  color:#3B1F2B;
  background-color:#ffffea;
  font-size:14px;
}

.sidebar a {
  color:#8AC6D0;
  font-family: Cousine; 
  font-size:12px;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: auto;
}

.sidebar a:hover {
  text-decoration-style: wavy;
  text-decoration-thickness: 1px;
}

.sidebar ul {
  padding-left: 20px;
}

.sidebar li {
  padding-left: 10px;
}

.sidebar li::marker {
  content: '╰ ';
  color:#8AC6D0;
}

/* for each word, a page */

.page {
  width:550px;
  margin-left:130px;
  font-family: Cousine; 
  font-size:11px;
  line-height:16px;
  background-color:#ffffea;
  padding:40px;
  text-align:justify;
  color:#fa4590;
  font-weight:300;
}

/* basic txt formatting */

.page a {
  color:#3B1F2B;
}

.page a:hover {
  font-style:italic;
  text-decoration-style: wavy;
}

p {
  margin-bottom: 30px;
  }

h1 {
  font-family: "EB Garamond", serif;
  text-align:center;
  font-size:30px;
  color:#3B1F2B;
  font-weight:normal;
}

.page h3 {
  margin-top:-10px;
  text-align:center;
  letter-spacing:1px;
  font-size:10px;
  color:#3B1F2B;
  font-weight:bold;
}

.page ul {
  padding-left: 20px;
}

.page li {
  padding-left: 10px;
}

.page li::marker {
  content: '✦';
  color:#58c4ea;
}

/* gay little calendar */

table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  text-align:center;
  font-family: Cousine;
  font-size:10px;
  color:#1B4D3E;
  background-color:#EDEAD4;
}

td, th {
  border: 1px solid #1B4D3E;
  font-size:12px;
  padding:3px;
}

table a {
  color:#8AC6D0;
  font-family: Cousine; 
  font-size:12px;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: auto;
}

table a:hover {
  text-decoration-style: wavy;
  text-decoration-thickness: 1px;
}

/* image formatting */

.num {
  position:absolute;
  color:#3B1F2B;
  font-size:12px;
  padding:2px;
  font-family: "EB Garamond", serif;
  font-style:italic;
  font-weight:bold;
}

.imgr {
  position: relative;
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  overflow:hidden;
  mix-blend-mode: multiply;
  filter: contrast(80%);
  cursor-events:none;
}

.imgl {
  position: relative;
  float:left;
  margin-right:10px;
  overflow:hidden;
  mix-blend-mode: multiply;
  filter: contrast(80%);
  cursor-events:none;
}

.image {
  display: block;
  height: auto;
}

.overone {
  position: absolute; 
  bottom: 0; 
  background: #ff73a5;
  width:150%;
  height: 150%;
  font-size: 20px;
  padding: 20px;
  text-align: center;
  mix-blend-mode: color;
  cursor-events:none;
}

.overone:hover {
  display:none;
}

/* captions */

.iboxr {
  float:right;
  margin-right:-380px;
  font-family: "EB Garamond", serif;
  letter-spacing:1px;
  width:100px;
  color:beige;
}

.iboxr a {
  color:#8CBA80;
}

.iboxl {
  float:left;
  margin-left:-380px;
  font-family: "EB Garamond", serif;
  letter-spacing:1px;
  width:100px;
  color:beige;
}

.iboxl a {
  color:#8CBA80;
}

.footyr {
  float: inline-end;
  display:inline-block;
  margin-right:-220px;
  margin-top:-30px;
  font-family: "EB Garamond", serif;
  letter-spacing:1px;
  width:150px;
  color:beige;
}

.footyr a {
  color:#8CBA80;
}

/* returnal */

.return {
  z-index:9;
  position:absolute;
  font-family: Cousine;
  font-size:10px;
  margin-top:10px;
  margin-left:106px;
}

.return a {
  background-color:#ffffea;
  color:#1B4D3E;
  text-decoration:none;
}

.return i {
  color:#ffffea;
  background-color:#1B4D3E;
}