:root {
  /*TEXT*/
  --text: #1a0e2b;
  --header: #ed64f5;
  --headerdark: #b30fbd;
  --link: #ef5077;
  --linkhover: #43256e;
  --linkvisited: #7726eb;

  /*LINES AND BOXES*/
  --mainborder: #00ffff;
  --headerunderline: #741b7c;
  --bodytext: #ffe3d3;
}
/*FONTS*/
@font-face {
  font-family: Alagard;
  src: url("https://shadow-of-valtus.neocities.org/fonts/alagard.ttf");
}
@font-face {
  font-family: DebugMenu;
  src: url("https://shadow-of-valtus.neocities.org/fonts/DebugMenu-ikewise.ttf");
}
@font-face {
  font-family: "Dosis";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dosis/v34/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml2xME.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*BORDERS*/
.broider {
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAABqUlEQVR4Xu3d0Y6DIBhEYXn/h7ZJ74SEyR9PxerZW+2sfAwsvXHbln72fU+3vOp6a2023unF7wcFPfoJCq8fQVeD9ks8zAj8uPePCz7jHirofFIFhUsv6NWg1SVePUat3oPT+ODrbThnJgBBj393Og9BbWhxT4TBtn4Fn25ocTyPv11QeIoFFRQWgONiQ+Hf97a48dj0NgF4vIIKCgvAcbmh6aso/EC3jwtfvQWtzqCgVbFwv6CrQd0zazMQD/aCCloTgO+2oYLCAnCcDRUUFoDjbKigsAAcZ0MFhQXgOBsqKCwAx9lQQWEBOM6GCgoLwHE2VFBYAI6zoYLCAnCcDRUUFoDjbKigsAAcZ0MFhQXgOBsqKCwAx9lQQWEBOM6GCgoLwHE2VFBYAI6zoYLCAnCcDRUUFoDjbKigsAAcZ0MFhQXgOBv6a9A+P704Cn6ev4sLPr4/tDqjglbFwv2CCgoLwHE2VFBYAI6zoatB07m0v/60V2qEt94ML2TtPM7/LxBBD6SCwitS0MtB056e9pz0+btdP7mF5YamAQta3EMFTQKCToVOLvkPq58Dv7F/+c0AAAAASUVORK5CYII=")
    28 / 28px / 0 round;
  border-width: 28px;
  border-style: solid;
}

body {
  font-family: "Dosis", "Verdana", "sans-serif";
  font-size: medium;
  color: var(--text);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  overflow-x: clip;
}

h1,
h2,
h3 {
  font-family: "Alagard";
  line-height: 100%;
  padding-bottom: 5px;
  padding-top: 2px;
  color: var(--header);
  text-align: center;
}

h4 {
  font-family: "DebugMenu";
  font-size: larger;
  letter-spacing: 2px;
  line-height: 2px;
  text-align: left;
  color: var(--headerdark);
  text-decoration-line: underline;
}

h5,
h6 {
  font-family: "Dosis";
  letter-spacing: 3px;
  text-align: left;
  color: var(--headerdark);
}

ul {
  list-style-image: url("https://shadow-of-valtus.neocities.org/images/misc/Bloopywoopy_arrow-right.png");
  padding: 15px;
}

/*LINKS*/
a {
  color: var(--link);
  font-style: oblique;
  text-decoration-line: underline;
  text-decoration-style: solid;
  cursor: url(https://shadow-of-valtus.neocities.org/images/cursors/Hearts_Precision%20Select.cur), auto;
}

a:hover {
  color: var(--linkhover);
}

a:visted {
  color: var(--linkvisited);
}

#bodycontainer {
  width: 480px;
  height: auto;
  overflow-y: auto;
  overflow-x: clip;
}

#framecontainer {
  width: 470px;
  height: auto;
  padding: 5px;
  background-color: var(--bodytext);
  overflow-x: clip;
}

.purplebox {
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 10px;
  height: 170px;
  overflow-y: auto;
  overflow-x: clip;
  background-color: var(--boxbg);
  border-radius: 25px;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAABqUlEQVR4Xu3d0Y6DIBhEYXn/h7ZJ74SEyR9PxerZW+2sfAwsvXHbln72fU+3vOp6a2023unF7wcFPfoJCq8fQVeD9ks8zAj8uPePCz7jHirofFIFhUsv6NWg1SVePUat3oPT+ODrbThnJgBBj393Og9BbWhxT4TBtn4Fn25ocTyPv11QeIoFFRQWgONiQ+Hf97a48dj0NgF4vIIKCgvAcbmh6aso/EC3jwtfvQWtzqCgVbFwv6CrQd0zazMQD/aCCloTgO+2oYLCAnCcDRUUFoDjbKigsAAcZ0MFhQXgOBsqKCwAx9lQQWEBOM6GCgoLwHE2VFBYAI6zoYLCAnCcDRUUFoDjbKigsAAcZ0MFhQXgOBsqKCwAx9lQQWEBOM6GCgoLwHE2VFBYAI6zoYLCAnCcDRUUFoDjbKigsAAcZ0MFhQXgOBv6a9A+P704Cn6ev4sLPr4/tDqjglbFwv2CCgoLwHE2VFBYAI6zoatB07m0v/60V2qEt94ML2TtPM7/LxBBD6SCwitS0MtB056e9pz0+btdP7mF5YamAQta3EMFTQKCToVOLvkPq58Dv7F/+c0AAAAASUVORK5CYII=")
    28 / 28px / 0 round;
  border-width: 10px;
  border-style: solid;
}

.infobox {
  background-color: #ffe8e1;
  border-color: var(--link);
  border-width: 10px;
  border-radius: 15px;
  border-style: double;
  font-size: 12;
  padding: 10px;
  margin-top: 22px;
  margin-bottom: 22px;
  width: 180px;
  height: 170px;
  overflow-y: scroll;
  overflow-x: clip;
  z-index: 9000;
}

.strikethrough {
  text-decoration: line-through;
}

.center img {
  display: block;
  margin: auto;
}

table {
  width: 100%;
}