#header {
            background-color: #160062;
            transition: background-color .3s ease
        }

        #header.bg-solid {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 10;
            background-color: #442d76;
            box-shadow: 0 4px 6px #0000001a
        }

        .active:before {
            position: absolute;
            content: "";
            bottom: -1.3em;
            left: 0;
            width: 100%;
            height: 2px;
            background: #ffc50c;
            transition: all .3s ease-out 0s
        }

        .active.btn-lilac:before {
            bottom: -1.1em
        }

        .active {
            color: #fff
        }

        a {
            color: #ada2c3
        }

        a:hover {
            color: #fff
        }

        a.menu:hover:before {
            position: absolute;
            content: "";
            bottom: -1.3em;
            left: 0;
            width: 100%;
            height: 2px;
            background: #ffc50c;
            transition: all .5s ease-out 0s
        }

        a.menu.btn-lilac:hover:before {
            bottom: -1.1em
        }

        astro-island,
        astro-slot,
        astro-static-slot {
            display: contents
        }
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255) !important;
}

table, :before, :after {
	color: white;
}