body {
   margin: 0;
   padding: 0;
   font-family: Arial, sans-serif;
   color: #333;
   /* background-color: rgb(0, 60, 55); */
   background-color: rgb(0, 63, 59);
   min-height: 100vh;
   min-width: 100vw;
   overflow: hidden;
   position: relative;
   /* Remove flex centering for background image */
}

/* Background image styling */
.lotg-bg {
   position: fixed;
   top: 50%;
   left: 50%;
   width: 100vw;
   height: 100vh;
   transform: translate(-50%, -50%);
   background: url('images/loveofthegame-nowink.png') no-repeat center center;
   background-size: contain;
   z-index: 0;
   pointer-events: none;
}

/* Quotes styling */
.lotg-quotes {
   position: absolute;
   top: 24px;
   left: 32px;
   z-index: 2;
   color: #fff;
   font-size: 2rem;
   text-align: left;
   font-family: 'Arial Black', Arial, sans-serif;
   line-height: 1.3;
   animation: fadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.lotg-quotes div:first-child {
   opacity: 0;
   animation: fadeInUp 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.lotg-quotes div:last-child {
   opacity: 0;
   font-size: 2.3rem;
   font-weight: bold;
   letter-spacing: 2px;
   animation: fadeInUp 1.2s 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.glow-text {
   background: linear-gradient(90deg, #fff, #ffe066 60%, #fff 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-shadow: 0 0 2px #fff, 0 0 6px #ffe066;
   animation: glow-soft 2.5s 2.5s infinite alternate;
}

@keyframes glow-soft {
   0% {
      text-shadow:
         0 0 2px #fff,
         0 0 6px #ffe066;
   }

   100% {
      text-shadow:
         0 0 8px #ffe066,
         0 0 12px #fff;
   }
}

@keyframes fadeInUp {
   0% {
      opacity: 0;
      transform: translateY(40px);
   }

   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

@keyframes glow {
   0% {
      text-shadow:
         0 0 4px #ffe066,
         0 0 10px #ff5fae,
         0 0 18px #22d4ff,
         0 0 2px rgba(0, 0, 0, 0.6);
   }

   50% {
      text-shadow:
         0 0 6px #fff27a,
         0 0 14px #ff7fc1,
         0 0 26px #46eaff,
         0 0 4px rgba(0, 0, 0, 0.5);
   }

   100% {
      text-shadow:
         0 0 5px #ffd84d,
         0 0 20px #ff4fa6,
         0 0 34px #24cfff,
         0 0 6px rgba(0, 0, 0, 0.45);
   }
}