:root {
  --persian-blue: #27187E;
  --ghost-white: #F7F7FF;
  --olive-brown: #25291C;
  --sign-black: #1F0805;
  --snow: #E3E5E8;
  --strawberry: #ED254E;
  --stratos: #011936;
  /* Gaming Color Palette */
  --cherry-cola: #9A0002;
  --vanilla: #EFE6DE;
  --mantis: #82D173;
  /* Blog Palette */
  --champagne: #FBDFA2;
  --marigold: #F4E5C8;
  --noctra: #31302E;
  --xanthous: #3B153A;
  --plum: #F0C987;
  --vista-blue: #92ACFF;
  /* Taste Palette */
  --blue-velvet: #210E7F;
}

body {
 background-color: var(--blue-velvet); 
}
.scroll-left {
  background-color: var(--sign-black);
  color: var(--strawberry);
  border: 0.0625em solid var(--strawberry);
  }

/* Collapsibles */
.button {
  background-color: var(--vanilla);
  color: var(--xanthous);
}

.bigbutton {
  background-color: var(--vanilla);
  color: var(--xanthous);
}

.hiddencontent {
  font-family: "animal-crossing";
  background: var(--vanilla);
}

.bigbutton:hover {
  background-color: var(--vista-blue);
  color: var(--champagne);
}
.button:hover {
  background-color: var(--cherry-cola);
  color: var(--vanilla);
}
/* Content Area */
.contentparent {
  background: var(--snow);
  color: var(--xanthous);
}
.content {
  background: var(--vanilla);
}
.content a {
  color: var(--persian-blue);
}

.content a:hover {
  box-sizing: border-box;
}

.contentnavi a:hover {
  background: var(--persian-blue);
}
.contentnavi a {
 color: var(--cherry-cola);
 }
.box {
  background: var(--xanthous);
}