.transparent-background {
    --background-color: none;
    --default-color: #ffffff;
    --heading-color: #ffffff;
    --surface-color: #252525;
    --contrast-color: #ffffff;
}

.txt-shadow {
    text-shadow: 1px 1px 1px black;
}

.middle-text {
    transform: translate(0%, 25%);
}

@media screen and (max-width: 991px) {
    .middle-text {
        transform: none;
    }
}

@media (min-width: 1200px) {
    .navmenu select {
        color: white;
        font-size: 13px;
        text-transform: uppercase;
        font-family: var(--nav-font);
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: 0.3s;
    }
}

@media (max-width: 1199px) {
    .navmenu select {
        color: white;
        font-size: 13px;
        text-transform: uppercase;
        font-family: var(--nav-font);
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: 0.3s;
    }
}