/*fonts*/
@font-face {
  font-family: "zelda";
  src: url("https://faescape.neocities.org/fonts/zeldadxt.ttf") format("TrueType");
}

@font-face {
  font-family: "simsun";
  src: url("https://faescape.neocities.org/fonts/SIMSUN.ttf") format("TrueType");
}

@font-face {
  font-family: "bitmapgothic";
  src: url("https://faescape.neocities.org/fonts/Bitmgothic.ttf") format("TrueType");
  src: url("https://faescape.neocities.org/fonts/Bitmgothic.woff") format("woff");
}
@font-face {
  font-family: "alagard";
  src: url("https://faescape.neocities.org/fonts/alagard.ttf") format("TrueType");
}
@font-face {
	font-family: "Spectral";
	src: url("https://faescape.neocities.org/fonts/Spectral/Spectral-Regular.ttf") format("TrueType");
}
@font-face {
	font-family: "Oceanside Typewriter";
	src: url("https://faescape.neocities.org/fonts/Oceanside-Typewriter.ttf") format("TrueType");
}
header {
  bottom: 0;
  left: 820px;
  /* sitting to the side of the main body */
  position: fixed;
  /* wont move from bottom of screen */
  font-size: 50px;
}

header>span:first-child:before {
  content: "[ // ";
  /* symbols before header text */
}

header>span:first-child:after {
  content: " ]";
  /* symbols after header text */
}
footer {
  bottom: 0;
  width: 200px;
  position: fixed; /* sits at bottom of sidebar*/
  text-align: justify;
}

/* generic text tag styling */
body {
  background-color: #000000;
  background-image: url("https://faescape.neocities.org/assets/bgs/dark-mosaic.png"); /* background image */
  color: #fff;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: Spectral;
  --sb-track-color: #232e33;
  --sb-thumb-color: #af6b6b;
  --sb-size: 10px;
}

::-webkit-scrollbar {
  width: var(--sb-size)
}

::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 8px;
  border: 2px solid #232e33;
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}
i {
  color: #CA75FF; /* purple */
}

b {
  color: #CA75FF; /* purple */
}

a {
  text-decoration: none;
  color: #CA75FF; /* purple */
  transition: 1s ease 0s;
}

a:hover {
  font-size: 18px;
  color: #FD75FF;
  text-shadow: 0 0 5px #FD75FF; /* pink */
}

a>span:first-child:before { /* symbols surrounding links */
  content: "[ ";
}

a>span:first-child:after { /* symbols surrounding links */
  content: " ]";
}

h1 {
  padding: 0px;
  font-family: simsun;
  letter-spacing: 3px;
  text-shadow: 0 0 5px #CA75FF; /* purple */
  text-align: center;
}

h2 {
  padding: 0px;
}

h3 {
  color: #CA75FF; /* purple */
  padding: 0px;
  font-family: alagard;
}

ol {
  list-style-type: decimal-leading-zero;
}

button {
  box-shadow: 0px 0px 5px #888;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: white;
  padding: 5px 7px;
  transition: 1s ease 0s;
}

button:hover {
  box-shadow: 0px 0px 7px #fff;
}
sub {
	font-size: 12px;
	font-family: zelda;
}