/* general styling */
    :root {
    --smaller: .75;
    }

    .countdown {
    align-items: center;
    background-color: white;
    display: flex;
    font-family: -apple-system, 
        BlinkMacSystemFont, 
        "Segoe UI", 
        Roboto, 
        Oxygen-Sans, 
        Ubuntu, 
        Cantarell, 
        "Helvetica Neue", 
        sans-serif;
        padding: 40px 0;
    }

    .countdown .my-container {
    color: white;
    margin: 0 auto;
    text-align: center;
    }

    .countdown h1 {
    font-weight: normal;
    letter-spacing: .125rem;
    text-transform: uppercase;
    }

    .countdown li {
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
    }

    .countdown li span {
    display: block;
    font-size: 4.5rem;
    }

    .countdown .emoji {
        display: none;
        padding: 1rem;
    }


    @media all and (max-width: 768px) {
    .countdown h1 {
        font-size: calc(1.5rem * var(--smaller));
    }
    
    .countdown li {
        font-size: calc(1.125rem * var(--smaller));
    }
    
   .countdown li span {
        font-size: calc(3.375rem * var(--smaller));
    }
    }