* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
  

/* index.css */
body {
    display: flex;
    justify-content: center;  /* Center horizontally */
    align-items: center;      /* Center vertically */
    height: 90vh;            /* Full viewport height */
    margin: 0;
    text-align: center;
    background-color: #282828; /* A slightly lighter black with a bit of warmth */
    color: #ffff66; /* Soft yellow color */
    text-align: center;
}

h1 {
    font-size: 96px;
    font-family: "Tilt Neon", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "XROT" 0,
      "YROT" 0;
        /* Multiple text shadows for the glowing effect */
        text-shadow:
        0 0 1px #ffff66,
        0 0 4px #ffff66,
        0 0 8px #ffff66;
      /* Adding a subtle black stroke for clearer letter edges (WebKit only) */
      -webkit-text-stroke: 1px #444343;
      /* Optional: slight scale for a popping effect */
      transform: scale(1.05);
}

h2 {
  font-size: xx-large;
  color: #ffffb0;
}

#contact {
  padding-top: 50px;
  color: #ffffb0;
}