.sour {
    font-family: "Sour Gummy", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

#topbar {
    background-color: pink;
    color: white;
}

.bright-pink {
    color: deeppink;
}

.section-header {
    font-size: 4em;
    font-family: "Sour Gummy", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.section-header-2 {
    font-size: 3em;
    font-family: "Sour Gummy", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.logo {
    max-width: 10rem;
}


@media (min-width: 768px) {
    #content {
        width: 70%;
    }
}

@media (min-width: 992px) {
    #content {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    #content {
        width: 40%;
    }
}

@media (min-width: 1400px) {
    #content {
        width: 30%;
    }
}