#clock {
height: 90%;
margin-top: 16px;
padding: 17px 45px 10px 45px;
font-family: Myriad, 'Roboto Condensed', Arial, sans-serif;
text-align: left;
font-size: 24px;
line-height: 20px;
background: -webkit-linear-gradient(90deg,#374471,#307c9d,#5eb2b5); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(90deg,#374471,#307c9d,#5eb2b5);  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */; background: -webkit-linear-gradient(90deg,#374471,#307c9d,#5eb2b5); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(90deg,#374471,#307c9d,#5eb2b5);  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */; 
color: #F0E68C;
text-shadow: 0 0 3px #ff0000;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.date {
font-size: 15px;
}