html,body{height:100%}body{margin:0;padding:0;background-color:white;font-family:sans-serif;display:flex;flex-direction:column}#buttonGroup{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;margin:20px 0}#buttonGroup button{width:30%;font-size:1.5em}#split{border-color:#ff9f11}#split:hover{background-color:#ff9f11;color:#fff}#startStop{border-color:#119aff}#startStop:hover{background-color:#119aff;color:#fff}#reset{border-color:#9d1111}#reset:hover{background-color:#9d1111;color:#fff}#download{margin:20px 0}#download:hover{background-color:#ddd}button{background-color:transparent;border:1px solid black;border-radius:10px;cursor:pointer;height:48px}section{display:flex;flex-flow:column;align-items:center;flex:1 0 auto;width:100%}#time{font-family:monospace;font-size:12vw;width:100%;text-align:center;display:block}#splitTimes{border-collapse:collapse;width:40%;margin:10px 0}.splitTime{text-align:center}.splitTime td:not(:last-child){border-right:1px solid black}.splitTime:nth-of-type(even){background-color:#eee}footer{border-top:black 1px solid;margin:0;padding:0 10px;height:56px;display:flex;flex-flow:row;align-items:center;justify-content:space-between;flex-shrink:0}.spacer{flex:1 1 auto}@media screen and (max-width: 980px){#splitTimes{padding:0;width:60%}}@media screen and (max-width: 640px){#splitTimes{padding:0;width:95%}}