@keyframes background-scroll {
    from {
        background-position: var(--starting-position);
        /* transform: rotate(0deg); */
    }

    to {
        background-position: var(--ending-position);
        /* transform: rotate(360deg); */
    }
}


.hexBackground {
    --starting-position: 0px 0px;
    --ending-position: 0px 0px;
    --background-size: 1920px 1080px;
    background-image: url("../img/tiledIllusion.png");
    /* background-size: 150px 131.25px; */
    /* background-image: url("https://getwallpapers.com/wallpaper/full/e/c/1/17575.jpg"); */
    background-size: var(--background-size);
    /* aspect-ratio: 600/525; */
    /* animation: background-scroll 5s linear infinite; */
}

.hb-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}