/**
 * All of the CSS for your public-facing functionality should be included in this file.
 *
 * The file is enqueued from inc/frontend/class-frontend.php.
 */

@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

h1 {
    text-align: center;
    /* margin-top: 14rem; */
    font-size: 2rem;
}

.cd_timer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
}

.cd_container .time {
    font-weight: bold;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    border: 3px solid #01dfcc;
    border-radius: 1rem;
    margin: 0 0.5rem;
}

.cd_container .time.day {
    margin-left: 0;
}

.cd_container span {
    font-size: 1rem;
    font-weight: bold;
    color: #ccc;
}