@font-face {
                font-family: JMH Cthulhumbus Arcade;
                src: url('jmh.ttf'), url('https://eclipse-the-feathered-dragon.neocities.org/fonts/jmh-cthulhumbus-arcade.cthulhumbusarcadeug-regular.ttf');
            }

            @font-face {
                font-family: JMH Cthulhumbus Arcade;
                src: url('jmh.ttf'), url('https://eclipse-the-feathered-dragon.neocities.org/fonts/jmh-cthulhumbus-arcade.cthulhumbusarcadeug-regular.ttf');
                font-weight: bold;
            }

            @font-face {
                font-family: JMH Cthulhumbus Arcade;
                src: url('jmh.ttf'), url('https://eclipse-the-feathered-dragon.neocities.org/fonts/jmh-cthulhumbus-arcade.cthulhumbusarcadeug-regular.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: JMH Cthulhumbus Arcade;
                src: url('jmh.ttf'), url('https://eclipse-the-feathered-dragon.neocities.org/fonts/jmh-cthulhumbus-arcade.cthulhumbusarcadeug-regular.ttf');
                font-style: italic;
                font-weight: bold;
            }

            body {
                font-family: 'JMH Cthulhumbus Arcade', sans-serif;
                margin: 0;
                background-color: #301037;
                color: #fceaff;
            }

            * {
                box-sizing: border-box;
                scrollbar-color: #dea1be #451D4A;
            }

            #container {
                max-width: 1000px;
                margin: 0 auto;
            }

            #container a {
                color: #BD7DA6;
                font-weight: bold;
            }

            #flex {
                display: flex;
            }
            
            main {
                background-image: url('https://eclipse-the-feathered-dragon.neocities.org/backgrounds/graphpaper3.png');
                border: 3px solid #BD7DA6;
                flex: 1;
                padding: 20px;
                order: 2;
            }
            
            img {
                border: 2px solid #bd7da6;
                display: block;
            }

            footer {
                background-image: url('https://eclipse-the-feathered-dragon.neocities.org/backgrounds/graphpaper3.png');
                border: 3px solid #BD7DA6;
                border-bottom: none;
                width: 100%;
                height: 40px;
                padding: 10px;
                text-align: center;
            }
            
            hr {
              border: none;
              height: 3px;
              background-color: #dea1be;
            }

            p {
              color: #BD7DA6;
            }

            h1,
            h2,
            h3 {
                color: #a260a8;
            }

            h1 {
                font-size: 25px;
            }
            
            b {
                color: #BD7DA6;
            }
            
            figcaption {
              color: #BD7DA6;
              margin-top: 5px;
              font-size: smaller;
            }

            .title {
              color: #90549c;
            }

            #topBar {
                width: 100%;
                height: 30px;
                padding: 7px;
                border-bottom: none;
                font-size: smaller;
                background-color: #BD7DA6;
            }
            
            #controls {
              display: flex;
              flex-direction: row;
              justify-content: space-evenly;
              margin-bottom: 40px;
            }
            
            #controls img {
              border: none;
              image-rendering: pixelated;
              image-rendering: crisp-edges;
            }
            
            .grid {
              display: grid;
              grid-template-columns: 500px 500px;
              gap: 10px;
              justify-content: center;
              width: 100%;
            }
            
            .grid img {
              width: 90%;
            }
            
            .grid figure {
              align-self: center;
            }
            
            #nav {
              position: fixed;
              top: 20px;
              left: 20px;
              width: 200px;
              height: 120px;
              background-image: url('https://eclipse-the-feathered-dragon.neocities.org/backgrounds/graphpaper3.png');
              border: 3px solid #BD7DA6;
              font-size: smaller;
            }
            
            #nav a {
              color: #BD7DA6;
              font-weight: bold;
            }
            
            #nav a:hover {
              text-decoration: none;
            }
            
            #navTopBar {
              width: 100%;
              height: 30px;
              background-color: #BD7DA6;
              padding: 5px;
              font-size: 15px;
            }
            
/* WARNINGS */

input {
  display: none;
}

.warning {
  width: 90%;
  height: 378px;
  background-color: #BD7DA6;
  border: 2px solid #bd7da6;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.warning p {
  color: #fceaff;
}

.warning img {
  width: 40%;
  margin-bottom: 10px;
  image-rendering: pixelated;
}

.wrapper {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.checkbox:checked + label .warning {
  content: url('https://eclipse-the-feathered-dragon.neocities.org/artwork/2026/LOVESICK,%20CANNIBAL!%20(unfiltered).jpg');
  width: 90%;
  color: transparent;
}

.warning0 {
  width: 650px;
  height: 650px;
  background-color: #BD7DA6;
  border: 2px solid #bd7da6;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.warning0 p {
  color: #fceaff;
}

.warning0 img {
  width: 50%;
  margin-bottom: 10px;
  image-rendering: pixelated;
}

.checkbox0:checked + label .warning0 {
  content: url('https://eclipse-the-feathered-dragon.neocities.org/artwork/2026/LOVESICK,%20CANNIBAL!.png');
  image-rendering: pixelated;
  width: 650px;
  height: 650px;
  color: transparent;
}

.warning2 {
  width: 90%;
  height: 378px;
  background-color: #BD7DA6;
  border: 2px solid #bd7da6;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.warning2 p {
  color: #fceaff;
}

.warning2 img {
  width: 40%;
  margin-bottom: 10px;
  image-rendering: pixelated;
}

.checkbox2:checked + label .warning2 {
  content: url('https://eclipse-the-feathered-dragon.neocities.org/artwork/2025/Untitled366.jpg');
  image-rendering: pixelated;
  width: 90%;
  color: transparent;
}