@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

.cs-logo {
    font-family: 'Fredoka One', 'Nunito ExtraBold', Helvetica Rounded, Arial Rounded MT Bold, sans-serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: inline;
    white-space: nowrap;
    line-height: 1;
    text-shadow:
        0 3px 0 rgba(180, 180, 180, 0.65),
        0 5px 12px rgba(0, 0, 0, 0.10);
    -webkit-text-stroke: 0.4px rgba(0, 0, 0, 0.07);
}

.cs-logo .l1 {
    color: #1565C0;
}

/* blue   */
.cs-logo .l2 {
    color: #F9A825;
}

/* yellow */
.cs-logo .l3 {
    color: #E53935;
}

/* red    */

.cs-logo--sm {
    font-size: 1em;
    text-shadow: none;
    -webkit-text-stroke: 0;
}

.cs-logo--lg {
    font-size: 38px;
}

.cs-logo--xl {
    font-size: 58px;
    line-height: 1.1;
    display: block;
    text-align: center;
    text-shadow:
        0 4px 0 rgba(180, 180, 180, 0.65),
        0 7px 20px rgba(0, 0, 0, 0.12);
}