body {
    font-family: 'Prompt', sans-serif;
    background-color: #0f000f;
    color: #ffffff;
}

.logoName {
    font-family: 'Edu TAS Beginner', cursive;
    font-style: italic;
}

/* Style for active filter button */
.tag-active {
    background-color: #a855f7 !important;
    color: white !important;
    border-color: #a855f7 !important;
}

/* Ensure iframes scale responsively within their containers */
.responsive-iframe-container {
    /* 16:9 aspect ratio padding-bottom is (9/16) * 100% = 56.25% */
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    overflow: hidden;
    margin-top: 1rem;
}

.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Custom sizing for the SoundCloud embed, as it has a fixed height */
.soundcloud-embed {
    margin-top: 1rem;
}