@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
    :root {
      --orange: hsl(35, 77%, 62%);
      --red: hsl(5, 85%, 63%);

      /* ### Neutral */

      --off-white: hsl(36, 100%, 99%);
      --blue: hsl(233, 8%, 79%);
      --dark-blue: hsl(236, 13%, 42%);
      --very-dark-blue: hsl(240, 100%, 5%);

      --size: 15px;
      --font: "Inter", sans-serif;
    }

    body {
      font-family: var(--font);
    }
    body.menu-open {
    opacity: 0.5; /* Reduce opacity */
    overflow: hidden; /* Prevent scrolling */
}