#fire {
 color: #f5f5f5;
 text-shadow:
 0px -2px 4px #fff,
 0px -2px 10px #FF3,
 0px -10px 20px #F90,
 0px -20px 40px #C33;
 font-size: 75px;
}

#fire2 {
 color: #f5f5f5;
 text-shadow:
 0px -2px 4px #fff,
 0px -2px 10px #FF3,
 0px -10px 20px #F90,
 0px -20px 40px #C33;
 font-size: 32px;
}

#fire3 {
 color: #f5f5f5;
 text-shadow:
 0px -2px 4px #fff,
 0px -2px 10px #FF3,
 0px -10px 20px #F90,
 0px -20px 40px #C33;
}

p {
    font-size: 16px;
}

    body {
      background:#0e0e11;
      color:#f1f1f1;
      font-family:"Montserrat", Arial, sans-serif;
    }

    /* Fire color accents */
    :root {
      --fire1:#ff4500;
      --fire2:#ff7b00;
      --fire3:#ffb347;
      --dark:#151515;
    }

    /* Header Gradient */
    .fire-header {
      background: linear-gradient(135deg, #1a1a1a, #0d0d0d 60%, rgba(255,69,0,0.1));
      border-bottom:1px solid rgba(255,120,40,.25);
      box-shadow:0 0 25px rgba(255,90,0,.25);
    }

    .fire-title {
      color: var(--fire2);
      text-shadow:0 0 18px rgba(255,100,0,.45);
      letter-spacing:2px;
    }

    /* Nav buttons */
    .fire-btn {
      background:#1b1b1d;
      border:1px solid rgba(255,120,40,.3);
      transition:.3s;
    }
    .fire-btn:hover {
      background: linear-gradient(135deg, #2a1a12, #431c08);
      border-color: var(--fire2);
      box-shadow:0 0 14px rgba(255,110,0,.4);
      color:#ffd9b3 !important;
    }

    /* Cards */
    .fire-card {
      background:#131315;
      border:1px solid rgba(255,120,40,.2);
      box-shadow:0 0 18px rgba(0,0,0,.6);
      transition:.35s;
    }
    .fire-card:hover {
      box-shadow:0 0 25px rgba(255,110,0,.35);
      border-color:rgba(255,140,60,.45);
    }

    .fire-tag {
      background:linear-gradient(135deg, #431c08, #ff4500);
      color:#fff;
      border-radius:20px;
    }

    a { color:#ffb347; }
    a:hover { color:#ff7b00; }