.shadowtext {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

.subtle-shadow {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.burger-menu-content {
    transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.burger-menu-content.open {
    max-height: 300px; /* maximum height of dropdown */
    visibility: visible;
}

html {
    scroll-behavior: smooth;
}

header a,
header button {
    color: slate;
}