html, body {
height: 100%;
}
html {

}
body {
background-color: rgba(44,62,10 , 0.9 );
background-image: 
font-family: 'Raleway', 'Arial', sans-serif;
}
.countdown-container {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);

}
.clock-item .inner {
height: 0px;
padding-bottom: 100%;
position: relative;

}
.clock-canvas {
background-color: rgba(255, 255, 255, .6);
border-style: dotted;
border-width: 15px;
border-color: rgba(255, 0, 0, 1);
border-radius: 50%;
padding-bottom: 100%;
padding-left:0px;
width: 100%;
height: 50%;
}
.text {
color: rgba(44,62,10 , 0.9 );
font-size: 80px;
font-weight: bold;
margin-top: -20px;
margin-left: -10px;
position: absolute;
top: 40%;
text-align: center;
width: 100%;
}