/*Fonts*/


/*Noto Sans JP*/
@font-face {
  font-family: "NotoSansJP";
  src: url("assets/fonts/NotoSansJP/noto-sans-jp-93-500-normal.woff2") format("woff2");
  font-weight: 500;
} /*Light*/
@font-face {
  font-family: "NotoSansJP";
  src: url("assets/fonts/NotoSansJP/noto-sans-jp-93-700-normal.woff2") format("woff2");
  font-weight: 700;
} /*Normal*/
@font-face {
  font-family: "NotoSansJP";
  src: url("assets/fonts/NotoSansJP/noto-sans-jp-93-900-normal.woff2") format("woff2");
  font-weight: 900;
} /*Heavy*/

/*Petscop*/
@font-face {
  font-family: "PscopTall";
  src: url("assets/fonts/Petscop/PetscopTall.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "PscopWide";
  src: url("assets/fonts/Petscop/PetscopWide.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "PscopPanic";
  src: url("assets/fonts/Petscop/PanicTF.woff2") format("woff2");
  font-weight: 250;
}


/* General stuff */

body {
  color: black;
  font-family: PscopWide, PscopPanic;
  font-size: 30px;
  font-weight: 500;
  overflow-x: hidden;
}

/* index.html */
.Preface {
  text-align: center;
  font-family: PscopTall, PscopPanic;
  font-size: 50px;
  display: block;
  position: absolute;
  border: 3px solid black;
  top: 500px;
} /* Preface styling */


#intro {
  color: MediumVioletRed;
  text-align: center;
}

.SubjectLink {
  text-align: center;
  /* pointer-events: none; */
}
.SubjectLink a {
  display: block;
  color: white;
  font-family: PscopPanic, PscopWide;
  font-size: 50px;
  text-decoration: none;
  transition: 0;
  position: absolute;
  background-color: #FF2cbd;
  width: 130%;
}
#aboutsies {
  left: -400px;
  top: 200px;
}
#artsies {
  left: -400px;
  top: 400px;
}
#writingsies {
  left: -400px;
  top: 600px;
}

/* SubjectLink styling */
.SubjectLink p {
  transition: 0
}
.SubjectLink a:hover {
  background-color: #FF0000;
} /* SubjectLink effects */


#licorice_home {
  position: absolute;
  width: 35%;
  top: 180px;
  right: 70px;
  z-index: 2;
}
#licorice_eat_home {
  position: absolute;
  width: 35%;
  top: 180px;
  right: 70px;
  z-index: 1;
}

#licorice_home:hover {
  display: none;
}
.horizontal-hover-area {
  width: 100%;
  height: 100%;
}
.horizontal-hover-area:hover {
  display: none;
}