/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
      
      div {
        background-color: rgb(40, 35, 35);
        border-style: double;
        border-color: rgb(75, 175, 75) rgb(175, 100, 175)  rgb(175, 100, 175) rgb(75, 175, 75);
        color: rgb(175, 100, 175);
        font-family: monospace;
        max-width: fit-content;
        margin-left: auto;
        margin-right: auto;
        font-family: quake;
      }
     
     @font-face {
       font-family: quake;
       src: url("/quake.ttf");
      }
     
      body {
        /* === Background === */
        background-color: rgb(40, 35, 35);
        font-family: monospace;
        padding: 20px;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: center;
        font-family: quake;
      }
      h1,
      h2 {
        /* === Green Headers === */
        color: rgb(75, 175, 75);
        transition: text-shadow 0.3s ease;
        position: relative;
        font-family: quake;
      }
      h1:hover,
      h2:hover {
        /* === Hover Glow === */
        text-shadow: 0 0 10px rgb(75, 255, 75), 0 0 25px rgb(75, 255, 75);
      }
      p,
      a {
        /* === Purple Text === */
        font-size: medium;
        color: rgb(175, 100, 175);
        transition: text-shadow 0.3s ease;
        position: relative;
        font-family: quake;
      }
      p:hover,
      a:hover {
        /* === Hover Glow === */
        text-shadow: 0 0 10px rgb(200, 150, 200), 0 0 25px rgb(200, 150, 200);
      }
      /* === Vertical Scan === */
      body::before,
      body::after {
        content: "";
        position: fixed;
        left: 0;
        width: 100%;
        height: 3px;
        opacity: 0.7;
        filter: blur(4px);
        animation: moveLines 5s linear infinite;
        box-shadow: 0 0 10px, 0 0 20px, 0 0 30px;
      }
      body::before {
        background: rgb(0, 100, 0);
        box-shadow: 0 0 10px rgb(75, 255, 75), 0 0 20px rgb(75, 255, 75),
          0 0 30px rgb(75, 255, 75);
        animation-delay: 0s;
      }
      body::after {
        background: rgb(150, 0, 150);
        box-shadow: 0 0 10px rgb(200, 100, 200), 0 0 20px rgb(200, 100, 200),
          0 0 30px rgb(200, 100, 200);
        animation-delay: 0.2s;
      }
      @keyframes moveLines {
        0% {
          top: -10%;
          opacity: 0;
        }
        10% {
          opacity: 1;
        }
        50% {
          opacity: 0.5;
        }
        90% {
          opacity: 1;
        }
        100% {
          top: 110%;
          opacity: 0;
        }
      }
      /* === Glitch === */
      .glitch {
        animation: glitchAnim 0.3s;
      }
      @keyframes glitchAnim {
        0% {
          transform: translate(0, 0) skew(0deg, 0deg);
          opacity: 1;
          text-shadow: 0 0 0 rgb(255, 255, 255);
        }
        20% {
          transform: translate(-2px, 1px) skew(-1deg, 1deg);
          opacity: 0.9;
          text-shadow: 2px 0 rgb(75, 255, 75), -2px 0 rgb(200, 100, 200);
        }
        40% {
          transform: translate(1px, -1px) skew(1deg, -1deg);
          opacity: 1;
          text-shadow: -1px 0 rgb(75, 255, 75), 1px 0 rgb(200, 100, 200);
        }
        60% {
          transform: translate(-1px, 2px) skew(-1deg, 1deg);
          opacity: 0.95;
          text-shadow: 2px 0 rgb(75, 255, 75), -2px 0 rgb(200, 100, 200);
        }
        80% {
          transform: translate(2px, -2px) skew(1deg, -1deg);
          opacity: 1;
          text-shadow: -2px 0 rgb(75, 255, 75), 2px 0 rgb(200, 100, 200);
        }
        100% {
          transform: translate(0, 0) skew(0deg, 0deg);
          opacity: 1;
          text-shadow: 0 0 0 rgb(255, 255, 255);
        }
      }
      
      .blog {
        font-family: quake;
        background-color: rgb(40, 35, 35);
        border-style: dotted;
        border-color: rgb(75, 175, 75) rgb(175, 100, 175)  rgb(175, 100, 175) rgb(75, 175, 75);
        color: rgb(175, 100, 175);
        font-family: monospace;
      }