body {
    margin: 0;
    background: black;
    overflow: hidden;
  }
  svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
  }
  a {
    cursor: pointer;
    text-decoration: none;
  }
  g {
    transition: transform 0.3s, filter 0.3s;
    transform-origin: center;
  }
  g:hover {
    transform: scale(1.05);
  }
  text {
    font-family: 'Futura', sans-serif;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: -1px;
    text-anchor: middle;
    dominant-baseline: middle;
    pointer-events: none; /* Makes sure clicking the text clicks the group */
  }

#home:hover polygon {
  fill: #ff9f0f; /* New fill color on hover */
}

#home:hover text {
  fill: #237AA8; /* New text color on hover */
}

/* Same for the others */
#art:hover polygon {
  fill: #fff461;
}
#art:hover text {
  fill: #af45bf;
}

#science:hover polygon {
  fill: #fc44a6;
}
#science:hover text {
  fill: #52ff6c;
}

#about:hover polygon {
  fill: #66FDD2;
}
#about:hover text {
  fill: #FF0055;
}