body{
    text-align: center;
}
#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 25px;
}
#clockdiv > div {
    padding: 13px;
    border-radius: 30px;
    background: rgba(0, 135, 255, 0.2);
    width: 140px;
    height: 95px;
    display: inline-block;
    margin-bottom: 7px;
    transition: 250ms ease-in;
}
.christmas-timer-color {
    background: rgba(12, 176, 74, 0.2) !important;
    transition: 250ms ease-in;
}
.christmas-timer-color:hover {
    background: rgba(12, 176, 74, 0.3) !important;
}
#clockdiv div > span {
    bottom: 10px;
    border-radius: 15px;
    background: rgba(0, 135, 255, 0.2);
    width: 55px;
    height: 40px;
    display: inline-block;
}
.footer-top-padding-span {
    padding-top: 18px;
}
.footer-top-padding-smalltext {
    padding-top: 16px;
}
.smalltext{
    color: #fff;
    font-size: 20px;
}

#clockdiv > div:hover {
    cursor: crosshair;
    background-color: rgba(0, 135, 255, 0.3);
}

#demo {
    color: white;
    font-size: 25px;
}