body, html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #000000;
    font-family: Arial, sans-serif;
}

canvas {
    display: block;
    width: 100vw !important;
    height: 100vh !important;
    position: absolute;
    z-index: 1; /* Ensures canvas is visible */
}

#hoverBorder {
    position: fixed;
    border: 5px solid white;
    padding: 20px;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1000;
    display: none;
    animation: scrollBorder 10s linear infinite;
}

@keyframes scrollBorder {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#galleryNav button{
    margin: 0px 48px 48px 0px;
    display: inline-block;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 36px 4px;
    background: #BEFD67;
    border-radius: 121px;
  }

  button:hover {
    /* font-family: 'PicNic-Regular'; */
    color: #BEFD67;
    transition:0.9s all;
  }

  #buttonContact{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    /* font-variation-settings: "SOFT" 100, "WONK" 0, "opsz" 9, "wght" 300; */
    font-size: 58px;
    color: #000000;
  }