/* CRONOS */
body {
  background-color: black;
  color: black;
  font-family: "PexicoMicroRegular";
  font-size: 30px;
}

header h1 {
  position: fixed;
  bottom: 0;
  right: 0;
  color: white;
  font-size: 60px;
  font-family: "NowGrotesk";
  text-transform: lowercase;
  margin-right: 100px;
}

#sidebar {
  position: fixed;
  height: 710px;
  width: 150px;
}

#sidebar a {
  font-family: "NowGrotesk";
  font-size: 35px;
  color: yellow;
  text-decoration: none;
  text-shadow: 2px 2px 2px black, 4px 4px 2px yellow;
}

#sidebar a:hover,
#sidebar a.current:hover {
  color: blue;
  text-shadow: 2px 2px 2px black, 4px 4px 2px blue;
}

#sidebar a.current {
  color: red;
  text-shadow: 2px 2px 2px black, 4px 4px 2px red;
}

#sidebar .description {
  color: white;
  font-family: "PexicoMicroRegular";
}

#gallery {
  border: 10px solid red;
  height: 800px;
  width: 800px;
  position: fixed;
  right: 0;
  margin-right: 50px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#gallery img {
  width: 256px;
  margin: 0;
}

@font-face {
  font-family: "PexicoMicroRegular";
  src: url("/shrines/ai_art/style/PexicoMicroRegular/font.woff2")
      format("woff2"),
    url("/shrines/ai_art/style/PexicoMicroRegular/font.woff") format("woff");
}
@font-face {
  font-family: "MultiTypeGamerGridDisplay";
  src: url("/shrines/ai_art/style/MultiTypeGamerGridDisplay/font.woff2")
      format("woff2"),
    url("/shrines/ai_art/style/MultiTypeGamerGridDisplay/font.woff")
      format("woff");
}
@font-face {
  font-family: "QuarantypeSackrace";
  src: url("/shrines/ai_art/style/QuarantypeSackrace/font.woff2")
      format("woff2"),
    url("/shrines/ai_art/style/QuarantypeSackrace/font.woff") format("woff");
}
@font-face {
  font-family: "AntapaniExtraBold";
  src: url("/shrines/ai_art/style/AntapaniExtraBold/font.woff2") format("woff2"),
    url("/shrines/ai_art/style/AntapaniExtraBold/font.woff") format("woff");
}
@font-face {
  font-family: "NowGrotesk";
  src: url("/shrines/ai_art/style/NowGrotesk/font.woff2") format("woff2"),
    url("/shrines/ai_art/style/NowGrotesk/font.woff") format("woff");
}