@font-face {
  font-family: "GortonMed";
  src: url(/assets/AVHersheySimplexMedium.otf);
}
@font-face {
  font-family: 'GortonHeavy';
  src: url(/assets/AVHersheySimplexHeavy.otf);
}
@font-face {
  font-family: 'Sperry';
  src: url(/assets/Web437_SperryPC_8x16.woff);
}
@font-face {
  font-family: 'Space Mono';
  src: url(/assets/SpaceMono-Regular.ttf)
}
@font-face {
  font-family: 'Jacquarda';
  src: url(/assets/JacquardaBastarda9-Regular.ttf)
}
:root {
  --accent: red;
  --orange: #FF6347;
  --green: #CDFF7C;
  --turqoise: #00D2BD;
  --pink: #FF69B4;
  --magenta: #FF1393;
  --purple: #C71585;
  --blue: blue;
  --entity: orange;
  --terminal-error-color: #e45b45;
}
* {
  outline: none;
}
html, body {
  margin: 0;
  padding: 0;;
  overflow: hidden;
  font-size: 15px;
  background-color: #e4dfd5;
}
@media screen and (max-device-width: 480px){
  body {
    -webkit-text-size-adjust: none;
  }
}
#p5_loading {
  display: none;
}
html { scrollbar-width: none; } /* Firefox */
body { -ms-overflow-style: none; } /* IE and Edge */
body::-webkit-scrollbar, body::-webkit-scrollbar-button { display: none; } /* Chrome */
a {
  border: none;
  box-shadow: none;
}
.center {
  text-align: center;
}
.menuWrapper {
  position: absolute!important;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  z-index: 10;
  top: 0;
  cursor: pointer;
}
.menuLink {
  font-family: 'GortonHeavy';
  text-decoration: none;
  color: black;
  display: block;
  font-size: 1.3rem;
  margin: 10px 10px;
  border: 2px solid black;
  border-radius: 50%;
  background-color: #e4dfd5;
  align-self: start;
  width: 6rem;
}
#menuWrapper .menuLink {
  width: 7rem;
}
#backLink {
  font-family: 'GortonMed';
  transform: rotate(180deg) scale(1.4);
}
.dropdownWrapper, #backLink { 
    flex: 0 0 80px;
}
#dropdownLink {
  text-decoration: none;
  color: black;
}
.notHome .menuLink {
    white-space: nowrap;
    background-color: var(--bg);
    border: none;
    width: unset;
}
.plus {
  display: inline-block;
  width: 1rem;
  padding: 0px 5px;
}
.plus.vertical {
  transform: rotate(45deg);
  width: 1rem;
}
.menuLink ul {
  padding-inline-start: 0;
  list-style-type: none;
  display: none;
}
.menuLink ul li {
  margin-bottom: 5px;
  text-decoration: none;
  text-align: center;
  font-size: .8rem;
  padding: 5px 5px;
  white-space: nowrap;
}
.menuLink ul li a {
  text-decoration: none;
  color: black;
}
.menuLink ul li a:hover, .menuLink:hover, #dropdownLink:hover{
  color: var(--blue);
}
@media (min-width: 600px) {
  .menuLink { margin: 10px 50px; }
}
.play-btn {
  position: fixed;
  left: 10px;
  bottom: 10px;
  box-sizing: border-box;
  height: 74px;
  padding: 0!important;
  border-color: transparent transparent transparent #202020;
  transition: 100ms all ease;
  will-change: border-width;
  cursor: pointer;
  background: none;
  /* play state */
  border-style: solid;
  border-width: 37px 0 37px 60px;
  outline: none;
  z-index: 10;
}
/* paused state */
.play-btn.pause {
  border-style: double;
  border-width: 0px 0 0px 60px;
}
.play-btn:hover {
  border-color: transparent transparent transparent #202020;
}
@media (hover: hover) {
  .play-btn:hover {
    border-color: transparent transparent transparent #6e6e6e;
  }
}
@keyframes blink {
  0% {
    background-color: rgb(244, 227, 116);
  }

  50% {
    background-color: rgb(245, 165, 80);
  }

  100% {
    background-color: rgb(244, 227, 116);
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  /* default ios styles */
  @media (display-mode: standalone) {
    /* ios web app styles (opened from home screen) */
  }
}