*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0a0a0a;
}

body {
  background:
    radial-gradient(ellipse at 50% 110%, #ff4500 0%, #b22000 25%, #1a0000 55%, #0a0a0a 80%),
    #0a0a0a;
}

.container {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1em;
  user-select: none;
}

.text-lazi {
  font-family: 'Russo One', sans-serif;
  font-size: clamp(3rem, 10vw, 9rem);
  color: #ffffff;
  letter-spacing: 0.15em;
  text-shadow:
    0 0 20px rgba(255, 255, 255, 0.3),
    0 0 40px rgba(255, 100, 0, 0.2);
  line-height: 1;
}

.text-goat {
  font-family: 'Creepster', cursive;
  font-size: clamp(7rem, 28vw, 24rem);
  line-height: 0.85;
  background: linear-gradient(
    180deg,
    #fff7a1 0%,
    #ffdd00 10%,
    #ff9500 28%,
    #ff4500 48%,
    #cc1500 68%,
    #7a0000 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter:
    drop-shadow(0 0 8px #ff6600)
    drop-shadow(0 0 20px #ff3300)
    drop-shadow(0 0 45px #ff1100)
    drop-shadow(0 0 80px #cc0000);
  animation: flicker 3s ease-in-out infinite alternate;
}

@keyframes flicker {
  0%   { filter: drop-shadow(0 0 8px #ff6600) drop-shadow(0 0 20px #ff3300) drop-shadow(0 0 45px #ff1100) drop-shadow(0 0 80px #cc0000); }
  20%  { filter: drop-shadow(0 0 10px #ffaa00) drop-shadow(0 0 25px #ff5500) drop-shadow(0 0 55px #ff2200) drop-shadow(0 0 100px #dd0000); }
  40%  { filter: drop-shadow(0 0 6px #ff4400)  drop-shadow(0 0 15px #cc2200) drop-shadow(0 0 35px #aa0000) drop-shadow(0 0 60px #880000); }
  60%  { filter: drop-shadow(0 0 12px #ffbb00) drop-shadow(0 0 30px #ff6600) drop-shadow(0 0 60px #ff2200) drop-shadow(0 0 110px #ee0000); }
  80%  { filter: drop-shadow(0 0 7px #ff5500)  drop-shadow(0 0 18px #dd3300) drop-shadow(0 0 40px #bb1100) drop-shadow(0 0 70px #990000); }
  100% { filter: drop-shadow(0 0 11px #ffcc00) drop-shadow(0 0 28px #ff5500) drop-shadow(0 0 50px #ff1500) drop-shadow(0 0 95px #cc0000); }
}