:root {
--html-bg: #D6E3E7;
--primary-bg: #0D1A36;
--primary-dark: #697FB1;
--accent-dark: #BFD2D9;
--dark-bg: #F2E5C9;
--text-light: #0D1A36;
--text-dark: #637498;
--border-color: #6B7A9A;
--scrollbar-thumb: #697FB1;
--scrollbar-hover: #A3B4D9;
--link-bg: #243252;
--selection-text: #402D26;
--you-bg: #15202B;
--game-bg: #192E41;
--skills-bg: #1F3D52;
--story-bg: #274C59;
--flora-bg: #2A344F;
--fauna-bg: #394057;
--gear-bg: #3E5062;
--goods-bg: #344D57;
--npcs-bg: #2C3E38;
--world-bg: #1E2921;
}
html {
background:url(/webmastry/img/rough-cloth-invert.jpg), linear-gradient(var(--html-bg)) var(--html-bg);
}
.intro {
  color:white;
}
.modal {
  color:black;
}
.modal .flex a {
  color:white;
}
h1.first img {
  filter: invert(1);
}
h1.first {
  filter: drop-shadow(-1.6px 0 black) drop-shadow(1.6px 0 black) drop-shadow(0 -1.6px black) drop-shadow(0 1.6px black) drop-shadow(0 2px 2px white);
  background-image:linear-gradient(white);
}
footer {
  opacity:1;
}