/* ===== HALLOWEEN LIGHT (TYLKO KOLORY) ===== */

body {
  background: radial-gradient(circle at top, #1a0000 0%, #000 85%);
  color: #eee;
}

header {
  background: linear-gradient(90deg, #140000, #1a0000);
  box-shadow: 0 0 20px rgba(255, 80, 0, 0.5);
}

.logo {
  color: #ff7518;
  text-shadow: 0 0 10px orange;
}

nav a {
  color: #ccc;
}

nav a:hover {
  color: #ff7518;
}

nav a::after {
  background: orange;
}

.about-box,
.form-pro,
.info,
.mega-item {
  border: 1px solid rgba(255,120,0,0.2);
  box-shadow: 0 0 10px rgba(255,120,0,0.2);
}

h1, h2 {
  color: #ff7518;
}

footer {
  background: #140000;
}
.logo::before {
  content: "🎃 ";
}

.logo::after {
  content: " 🎃";
}
@media(max-width:768px){

  body {
    overflow-x: hidden;
  }

  .nav {
    padding: 0 15px;
  }

  .logo {
    font-size: 16px;
  }

  nav ul {
    gap: 15px;
  }

  section {
    padding: 40px 15px;
  }

  h1 {
    font-size: 22px;
  }

  h2 {
    font-size: 20px;
  }

  p {
    font-size: 14px;
  }

}