/* ===== BASE ===== */

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Lovecraftian Horrors", sans-serif;
  color: #FEE6FE;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* ===== FOND SUNN ===== */

.bg {
  position: fixed;
  inset: 0;
  background-image: url("https://outercat.neocities.org/Sunn.png");
  background-size: cover;
  background-position: center;
  filter: blur(8px);
  z-index: -1;
}

/* ===== TITRE LAVA ===== */

.lava-title {
  width: 400px;
  margin-bottom: 40px;
}

svg {
  width: 100%;
  height: auto;
}

/* ===== BLOBS ===== */

.blob {
  animation: lava 18s ease-in-out infinite alternate;
  filter: blur(2px);
}

.b1 { fill: #ff1493; animation-duration: 22s; }
.b2 { fill: #ff4500; animation-duration: 26s; }
.b3 { fill: #00ffff; animation-duration: 24s; }
.b4 { fill: #ffff00; animation-duration: 28s; }

/* Positions animées (non collées) */
@keyframes lava {
  0%   { cx: 200; cy: 120; r: 60; }
  25%  { cx: 350; cy: 170; r: 70; }
  50%  { cx: 600; cy: 300; r: 80; }
  75%  { cx: 420; cy: 200; r: 90; }
  100% { cx: 260; cy: 140; r: 65; }
}

/* ===== WARNING BOX ===== */

.warning {
  background: rgba(95, 43, 109, 0.55);
  padding: 40px;
  border-radius: 100px;
  box-shadow: 0 0 20px rgba(255,51,51,0.2);
  max-width: 600px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,51,51,0.4);
  text-align: center;
}

.small-image {
  width: 100px;
}

p {
  font-family: "Coyote Deco", sans-serif;
  font-size: 1.2rem;
}

.custom-button {
  padding: 15px 30px;
  font-family: "Coyote Deco", sans-serif;
  font-size: 1.2rem;
  background: #D90404;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.custom-button:hover {
  background: #7204D9;
}

a {
  color: #6FD904;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* ==== Blog ==== */