:root {
  --yellow: #f3dd93;
  --yellow-50: #f3dd9382;
  --orange: #ff9d62;
  --orange-25: #ff9e6242;
  --pink: #f999ba;
  --green: #b3d084;
  --blue: #7ac2eb;
  --purple: #d6beea;
  --purple-med: #a061d3;
  --orange-med: #cc5200;
  --pink-med: #d62261;
  --green-med: #466e17;
  --blue-med: #1a75ab;
  --text-yo: #2c2543;
  --text-gp: #1b3b32;
  --text-by: #4a2834;
  --background: #fffdf6;
  --bgblue: #f4f7f6;
}
@font-face {
  font-family: "Mondwest";
  src: url(../fonts/PPMondwest-Regular.woff2);
}
@font-face {
  font-family: "NeueBit";
  src: url(../fonts/PPNeueBit-Bold.woff2);
}
@font-face {
  font-family: "VT";
  src: url(../fonts/VT323-Regular.woff2);
}
@font-face {
  font-family: "Dreamer";
  src: url(../fonts/DreamerTM-Regular.woff2);
}
body {
  font-size: 1rem;
  background-color: var(--background);
  background-image: url(./images/bgs/grid.png);
  background-size: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
}
header {
  margin-top: 0px;
  font-family: "Dreamer";
  font-size: 110px;
  color: var(--blue);
  text-shadow: var(--purple) 3px 3px 2px;
  letter-spacing: 3px;
}
.tree {
  font-family: "VT", monospace;
  color: var(--text-yo);
}

.tree ul {
  position: relative;
  list-style-type: none;
  margin: 0 0 10px 0;
  padding-right: 0;
}
.tree ul ul {
  margin: 0 0 7px -5px;
  padding-right: 0;
}
.tree li {
  position: relative;
  padding: 0 0 0 25px;
  line-height: 1.4;
}
.tree li::before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--purple);
  width: 30px;
  top: 10px;
  left: -10px;
}
.tree li::after {
  content: " ";
  position: absolute;
  border-left: 2px solid var(--purple);
  height: calc(100% + 10px);
  top: 0;
  left: -10px;
}
.tree > ul > li {
  font-size: 125%;
}
.tree > ul > li::before {
  top: 12px;
}
.tree ul li:last-child::after {
  height: 12px;
}

a {
  cursor: pointer;
  color: var(--blue);
  text-decoration: none;
}
a:visited {
  color: var(--blue);
}
a:hover {
  text-decoration: none;
}
s:hover {
  cursor: not-allowed;
}
