.app,.clocks,body,html{width:100%;height:100%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{margin:0;padding:0}body{background-color:#fff;color:#000;-webkit-font-smoothing:antialiased;font-family:'Helvetica Neue',sans-serif}.app,body,html{display:table}.clocks{display:table-cell;vertical-align:middle;padding:20px}.clock{position:relative;margin:20px auto;text-align:center;font-size:24px}.clock:first-child{color:#700}.clock:last-child{color:#007}@media (max-width:640px){.clocks{padding:10px}.clock{font-size:18px}}@media (max-width:480px){.clocks{padding:5px}.clock{font-size:14px}}