html, body, .row {
    background-color: #484CAF;
    color: hsl(0, 0%, 100%);
}

h2 {
    font-family: "Abril Fatface", serif;
    font-weight: 400;
    font-size: clamp(1.875rem, -0.625rem + 8vw, 4.375rem);
    text-align: center;
}

p {
    font-family: 'Open Sans', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 39px;
    text-align: center;
    /*color: #C2A3F4;*/
    color: hsla(263, 79%, 80%, 1) !important;
}

#quote-pl {
    font-family: Open Sans, serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: center;
}

#quote {
    font-family: Abril Fatface, serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: center;

}

@media screen and (max-width: 600px) {
    #quote {
        font-size: 25px;
    }
}