@import url('https://fonts.googleapis.com/css2?family=Diplomata&family=Orbitron:wght@400..900&display=swap');
         /* =========================
         Base
         ========================= */
         body {
         height: auto !important;
         overflow-x: hidden;
         font-family: Helvetica, Roboto, Georgia, Arial, sans-serif;
         font-weight: 400;	
         background: #38F527;
         }
         /* =========================
         Typography
         ========================= */
         h1 {
         font-family: "Diplomata", serif;
         font-weight: 600;
         }
         h2 {
         font-family: Georgia, Helvetica, Arial, sans-serif;
         font-size: clamp(1.95rem, 4vw + 0.5rem, 3rem);
         font-weight: 600;
         padding: 5px;
         background-color: #fff;
         }
         h3,
         h4,
         h5,
         h6 {
         font-family: "Orbitron", sans-serif;
         font-optical-sizing: auto;
         font-size: clamp(1rem, 2.75vw + 0.4rem, 1.5rem);
         font-weight: 600;
         padding: 10px;
         margin-top: 10px;
         }
         i {
         font-size: 5vw;
         }
         .combo-regular {
         font-family: "Combo", var(--font-sans);
         font-weight: 800;
         }
         .comic-style {
         font-family: var(--font-comic);
         }
         /* =========================
         Utility Classes
         ========================= */
         .red {
         color: red;
         }
         .small {
         font-size: 0.75rem;
         }
         /* =========================
         Header
         ========================= */
         .page-header {
         padding: 3rem 1rem 2rem;
         background: lavender;
         }
         .page-header h1 {
         font-size: 5vw;
         margin: 0;
         }
         .page-header h2 {
         font-size: clamp(1.5rem, 4vw, 3rem);
         margin-top: 0.5rem;
         color: #000;
         }
         /* =========================
         Button Animation
         ========================= */
         .blink-button {
         animation: blinkButton 1s ease-in-out infinite;
         }
         @keyframes blinkButton {
         0%,
         100% {
         opacity: 1;
         transform: scale(1);
         }
         50% {
         opacity: 0.35;
         transform: scale(1.05);
         }
         }
         /* =========================
         Scrolling Listing
         ========================= */
         .scroll-listing-box {
         width: 100%;
         overflow: hidden;
         white-space: nowrap;
         position: relative;
         padding: 2rem 0;
         }
         .scroll-listing {
         display: inline-block;
         font-family: 'Times New Roman';
         width: max-content;
         padding: 1.5rem 2rem;
         margin: 0;
         animation: driftLeftRight 30s ease-in-out infinite alternate;
         }
         .scroll-listing span {
         margin-right: 1rem;
         }
         .scroll-listing .major {
         color: red;
         font-size: 1.6rem;
         }
         .scroll-listing .medium {
         color: #000;
         font-size: 1.3rem;
         }
         .scroll-listing .small {
         color: #242624;
         font-size: 1.05rem;
         }
         @keyframes driftLeftRight {
         0%,
         10% {
         transform: translateX(0);
         }
         90%,
         100% {
         transform: translateX(-70%);
         }
         }
         /* =========================
         Content
         ========================= */
         .content {
         max-width: 900px;
         margin: 3rem auto;
         padding: 0 1.5rem;
         text-align: center;
         line-height: 1.7;
         }
         /* =========================
         Footer
         ========================= */
         footer {
         display: block;
         text-align: center;
         padding: 10px;
         margin-top: 10px;
         margin-bottom: 10px;
         background-color: #fff;
         box-shadow: 5px 5px 5px #000;
         }
         /* =========================
         Mobile
         ========================= */
         @media (max-width: 768px) {
         .scroll-listing .major {
         font-size: 1.3rem;
         }
         .scroll-listing .medium {
         font-size: 1.1rem;
         }
         .scroll-listing .small {
         font-size: 0.95rem;
         }
         }