body, .navbar-horizontal, .navbar-vertical {
    background: var(--background-green);
}

h1 {
    background: radial-gradient(circle at var(--circle-x) var(--circle-y), #8b6fd2, var(--background-purple) 124px);
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a:hover {
    color: var(--background-purple);
}

.navbar-dropdown:hover .navbar-dropdown-content {
    background: var(--background-green-light);
}

.text-box {
    margin-top: 80px;
    margin-bottom: 160px;
    padding: 24px;
    max-width: 880px;
    background: var(--background-green-light);
    /* box-shadow: 2px 2px 4px #00000099; */
    text-align: justify;
}

.momentum-logo, .momentum-prog {
    margin-top: 64px;
    margin-bottom: 64px;
    text-align: center;
}

.momentum-logo img {
    width: 320px;
}

/* RESPONSIVE */
@media only screen and (min-width: 901px) {
    .momentum-logo img {
        width: 320px;
    }
    .momentum-prog img {
        width: clamp(180px, 90%, 800px);
    }
}

@media only screen and (max-width: 900px) {
    .momentum-logo img {
        width: 160px;
    }
    .momentum-prog img {
        width: clamp(180px, 100%, 800px);
    }
}