.navbar-scroll {
    background-color: #24355c;
}
.navbar-scrolled {
    background-color: #24355c;
}
@media (min-width: 550px) and (max-width: 650px) {
    #intro {
        height: 400px !important;
    }
}
@media (min-width: 800px) and (max-width: 850px) {
    #intro {
        height: 410px !important;
    }
}

.background-radial-gradient {
    background-color: hsl(218, 41%, 15%);
    background-image: radial-gradient(
            650px circle at 0% 0%,
            hsl(218, 41%, 35%) 15%,
            hsl(218, 41%, 30%) 35%,
            hsl(218, 41%, 20%) 75%,
            hsl(218, 41%, 19%) 80%,
            transparent 100%
    ),
    radial-gradient(
            1250px circle at 100% 100%,
            hsl(218, 41%, 45%) 15%,
            hsl(218, 41%, 30%) 35%,
            hsl(218, 41%, 20%) 75%,
            hsl(218, 41%, 19%) 80%,
            transparent 100%
    );
}