html {
    margin: 0;
    padding: 0;
}

body {
    background: #111;
    font-family: "Ubuntu", "Helvetica Neue", "Lucida Grande", "Segoe UI", Helvetica, Arial, sans-serif;
}

.clock {
    display: block;
    text-align: center;
    color: #aaa;
    font-size: 30vh;
}

.amPm {
    color: #666;
    font-size: 15vh;
    margin-left: -0.25em;
}

.date {
	color: #666;
	font-size:15vh;
	margin-top: -0.5em;
}

@media screen and (max-width: 900px) {
    .clock {
        font-size: 20vw;
        padding-top: 10vh;
    }
    .amPm {
        font-size: 10vw;
        margin-left: -0.25em;
    }
}