@font-face {
  font-family: 'Segoe UI';
  src: url('./SEGOEUI.TTF')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Segment7Standard';
    src: url('./Segment7Standard.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

#time-block{
    font-family: 'Segment7Standard';
    text-align: center;
    font-size: 37px;
    color: #ff2323;
    height: 100%;
    padding-top: 250px;
}

#time-block img{
    padding-top: 20px;
}

.time-to-xmas{
    background: url('./z1.png');
    background-position: center;
    background-size: cover;
    height: 335px;
    width: 765px;
}

.clock-span{
    font-family: "Segoe UI";
    text-transform: uppercase;
     font-size: 13px;
}

.info{
    font-family: "Segoe UI";
    text-transform: uppercase;
    font-size: 15.5px;
    line-height: 1.3;
}

#copy{
    font-family: "Segoe UI";
    text-transform: uppercase;
    font-size: 9px;
}

.clock-block{
    display: inline-block;
    width: auto;
    margin: 0 3px;
    text-align: center;
}

#count{
    margin-top: 10px;
}

#info p{
    margin: 7px 0;
}

.btn-default-time-block{
    margin: 10px 0 !important; 
    background: transparent !important;
    border:solid 2px #66cccc !important;
    color: #66cccc !important;
    font-size: 13px !important;
    font-family: "Segoe UI" !important;
    font-weight: 500;
    padding: 4px 10px !important;
}

.btn-default-time-block:hover, .btn-default-time-block:focus, .btn-default-time-block:active{
    margin: 10px 0;
    background: rgba(102, 204, 204,0.16) !important;
    border:solid 2px #66cccc !important;
    color: #66cccc !important;
}

.end-text{
    padding: 20px 0 5px 0;
    font-size: 16px;
}