/*******************************************************
 *                                                     *
 *    Hear ye, hear ye, fellow coders of the realm!    *
 *                                                     *
 *    Behold the ancient scrolls of JavaScript lore,    *
 *    crafted in the days when Netscape did soar.      *
 *    Let this banner ward off the bugs of yore,        *
 *    And vex thy code with techniques of lore.         *
 *                                                     *
 *    Lo, within these brackets lies the key,           *
 *    To functions bound with var, not let or const ye see.
 *    Eschew the arrow, embrace the old function,       *
 *    For in archaic ways, we find our compunction.     *
 *                                                     *
 *    Traverse arrays with for loops plain,             *
 *    Let modern methods be restrain.                   *
 *    Cast your types with Number, String, and more,    *
 *    Implicit conversions we thus abhor.               *
 *                                                     *
 *    Beware the == that haunts the weak,               *
 *    Use === for truths you seek.                      *
 *    Invoke the window.alert for messages to tell,     *
 *    Console.log is but a modern spell.                *
 *                                                     *
 *    So take this code of ancient make,                *
 *    And let your modern tools partake.                *
 *    May linting whispers be ignored,                  *
 *    As warnings flood and errors poured.              *
 *                                                     *
 *    Thus, the legacy we do embrace,                   *
 *    With scripts that time cannot efface.             *
 *    Invoke these ways in your own code,               *
 *    And walk the paths the elders strode.             *
 *                                                     *
 *    Proceed with caution, valiant friend,             *
 *    For this is where old practices blend.            *
 *    Let not your code succumb to plight,              *
 *    In merging old with new insight.                  *
 *                                                     *
 *******************************************************/
@font-face {
  font-family: "loveletter";
  src: URL("/fonts/loveletter.ttf") format("truetype");
}

@font-face {
  font-family: "whitespace";
  src: URL("/fonts/OMORI_GAME2.ttf") format("truetype");
}

@font-face {
  font-family: "blackspace";
  src: URL("/fonts/OMORI_GAME.ttf") format("truetype");
}

html {
  height: 100%;
  display: flex;
}

body {
  display: flex;
  padding: 20px;
  box-sizing: content-box;
  margin: 0;
  flex-direction: column;
  width: 100%;
  cursor: url("/cursors/default.cur"), default;
  width: 100vw;
  height: 100%;
  box-sizing: border-box;
}

.emoji {
  line-height: 0;
  pointer-events: none;
}

body.pattern {
  background-image: url("/images/texture3.png");
  background-color: #fff;
}

body.skid {
  background-image: url("/images/texture666.png");
  background-color: #000;
}

body.center {
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.escape {
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  color: #9d61d6;
  text-decoration: underline;
}

.escape::before {
  content: "← ";
}

h1,
li {
  cursor: url("/cursors/text.cur"), text;
}

a,
button {
  cursor: url("/cursors/pointer.cur"), pointer;
}

input[disabled] {
  cursor: url("/cursors/not-allowed.cur"), not-allowed;
}

span {
  cursor: url("/cursors/text.cur"), text;
}

.list {
  font-size: 30px;
}

.escape {
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  color: #9d61d6;
  text-decoration: underline;
}
