@font-face{
    font-family: 'Digital-7';
    src:  url('fonts/digital-7.ttf') format('woff2'),
    url('digital-7.woff') format('woff');
}
.clockdate-wrapper {
    background: #141E30;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: #e3322c !important;
    /* padding:5px; */
    max-width:250px;
    width:100%;
    text-align:center;
    /* border-radius:5px; */
    margin:0 auto;
    line-height: 1.2;
}
#clock{
    font-family: Digital-7, 'sans-serif';
    /* font-size:30px; */
    text-shadow:0px 0px 1px #fff;
    color:#fff;
    /* display: inline-block; */
}
#clock span {
    color: rgba(255, 255, 255, 0.8);
    text-shadow:0px 0px 1px #333;
    /* font-size:30px; */
    position:relative;
    /* top:-5px; */
    left:10px;
}
#date {
    letter-spacing:3px;
    font-size: 14px;
    font-family:arial,sans-serif;
    color:#fff;
    /* display: inline-block; */
}