*{
  box-sizing: border-box;
  image-rendering: pixelated;
  cursor: url(/images/index/default-cursor.png), auto;
}

a *, a{
  cursor: url(/images/index/default-pointer.png), pointer;
}

:root{
 --offwhite: #f8f6f3;
 --brown: #755a4a;
 --brown2: #c9b0a0;
 --green: #8f9253;
 --blue: #97acb8;
 --yellow: #e2c586;
 --pink: #ce8e96;
}

:root{
  --outline-white:
  drop-shadow(-1px 0 0 var(--offwhite))
  drop-shadow(1px 0 0 var(--offwhite))
  drop-shadow(0 -1px 0 var(--offwhite))
  drop-shadow(0 1px 0 var(--offwhite));

  --outline-brown:
  drop-shadow(-1px 0 0 var(--brown2))
  drop-shadow(1px 0 0 var(--brown2))
  drop-shadow(0 -1px 0 var(--brown2))
  drop-shadow(0 1px 0 var(--brown2));
}

@font-face{
  font-family: kingthings_trypewriter_2;
  src: url(/fonts/kingthings_trypewriter_2-webfont.woff2);
}

@font-face{
  font-family: quicksand;
  src: url(/fonts/quicksand_book-webfont.woff2);
}

@keyframes fade-in{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

::-webkit-scrollbar{
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track{
  background: transparent;
}
 
::-webkit-scrollbar-thumb{
  border-radius: 3px;
  border: 1px solid var(--offwhite);
  background: var(--brown2);
}

::-webkit-scrollbar-thumb:hover{
  background: #a58d7e; 
}

::selection{
  color: var(--blue);
  background: transparent;
}

body{
  box-shadow: inset 0 0 0 8px var(--offwhite), inset 0 0 8px 8px rgb(0, 0, 0, 0.25);
  outline: 15px solid var(--offwhite);
  outline-offset: -1px;
  border-radius: 13px;
  height: 100vh;
  color: var(--brown);
  margin: 0;
}

hr{
  margin: 6px;
  border: none;
  border-top: 1px dashed #ad988b;
}

a{
  text-decoration: 1px underline dotted var(--brown2); 
  color: var(--green);
  transition: all 0.2s;
}

a:hover{color: #c6c99d;}

u{text-decoration: 1px underline wavy var(--brown2);}
i{color: var(--pink);}
b{color: var(--blue);}

textarea{
  resize: none;
  background-color: var(--offwhite);
  color: var(--brown);
  border: 1px dashed var(--brown2);
  border-radius: 4px;
  padding: 3px;
  font-size: 10px;
}

/* border stuff */

.lace1{
  border-image: url(/images/index/lace.png) 22 fill round;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  border-width: 20px;
  border-style: solid;
}

.lace2{
  border-image: url(/images/index/lace2.png) 19 fill round;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
  border-width: 5px;
  border-style: solid;
}

.plaid{
  height: 100%;
  width: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border: 1px dashed var(--brown);
  border-radius: 4px;
  outline: 1px dotted var(--brown2);
  outline-offset: -3px;
  padding: 8px;
}

.outer{
  height: 100%;
  width: 100%;
  background-color: var(--offwhite);
  border: 1px solid var(--brown2);
  border-radius: 4px;
  padding: 4px;
}

.inner{
  height: 100%;
  width: 100%;
  background-color: var(--offwhite);
  border: 1px dashed var(--brown2);
  border-radius: 4px;
  padding: 10px;
  overflow-y: auto;
}

/* */

.heading{
  display: block;
  text-align: center;
  font-family: quicksand, sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #ffffff;
  text-shadow: 1px 1px 0 #9b7d6e, -1px -1px 0 #503b2f, -1px  1px 0 #9b7d6e, 1px  -1px 0 #503b2f;
}

.decor{
  position: absolute;
  pointer-events: none;
}
/*
     FILE ARCHIVED ON 12:47:19 Oct 28, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:57:08 Aug 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.404
  load_resource: 80.943
  PetaboxLoader3.resolve: 55.937
  PetaboxLoader3.datanode: 23.384
*/