@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);
#clock-display #clock-body,#history #history-table #history-headers,#main-content-wrap,.pink-border{border:.25rem solid #2095f2}#clock-display #clock-body *,#history #history-area-header h3,.no-select{-webkit-user-select:none;-moz-user-select:none}#clock-display{width:100%;height:5rem;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}#clock-display #clock-body{transform:translateY(-70%);z-index:2;width:15rem;height:15rem;background-color:#000;border-radius:8rem;border-width:1rem;display:flex;flex-direction:column;align-content:center;justify-content:space-evenly}#clock-display #clock-body *{text-align:center;color:#fff;padding:0}#clock-display #clock-body label{margin:1rem auto 0}#clock-display #clock-body h1{margin:0 auto auto}#clock-display #clock-body #current-time{font-size:2.75rem}#clock-display #clock-body #starting-label{color:#f29d2c}#clock-display #clock-body #elapsed-label{color:#e6506b}#clock-control{width:100%;height:auto;position:absolute;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center}#clock-control #control-wrap{background-color:#2095f2;display:flex;flex-direction:row;justify-content:space-between;margin:auto;padding:.5rem 1rem 1rem;border-radius:0 0 1.25rem 1.25rem;width:33.75rem}#clock-control #control-wrap i{color:#f29d2c;font-size:3.5rem}#main-content-wrap{max-width:1150px;width:100%;height:85vh;box-sizing:border-box;padding:3.5rem 3.5rem 0;margin:15vh auto 0;z-index:2;background-color:#fafafa;font-family:Roboto;letter-spacing:.15rem;border-bottom:none;border-radius:2.5rem 2.5rem 0 0;position:relative;display:flex;flex-direction:column}@media (max-width:1150px){#main-content-wrap{margin-top:25vh;border-right:none;border-left:none;padding:3.5rem 0 0}}@media (max-width:850px){#main-content-wrap{border-radius:0!important}}#history-reset-button{cursor:pointer;width:auto;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-content:center;border-radius:2.5rem;margin-left:1.25rem;padding:.65rem;border:none;outline:none;background-color:#e6506b}#history-reset-button *{color:#fafafa;opacity:.85;display:flex;flex-direction:column;align-content:center;justify-content:center}#history-reset-button i{font-size:1.85rem;margin:auto .5rem auto 0}#history-reset-button p{margin:auto;padding:0;width:auto;text-align:center;font-size:1.35rem;font-weight:800}#history{flex:1;padding:0;margin:1rem 0 0;flex-direction:column;justify-content:flex-start}#history,#history #history-area-header{width:100%;box-sizing:border-box;display:flex;align-content:center}#history #history-area-header{padding:0 calc(10% + 1rem);flex-direction:row;justify-content:space-between}#history #history-area-header h3{font-size:2.5rem;padding:0;margin:auto;display:inline-block}#history #history-table{box-sizing:border-box;margin:1rem 10% 0;padding:0;flex:1;border-radius:2.5rem 2.5rem 0 0;border:.25rem solid #2095f2;border-bottom:none;list-style:none;background-color:#fff;letter-spacing:.075em}#history #history-table #history-headers{border-top:none;border-left:none;border-right:none}#history #history-table #history-headers h3{display:flex;flex-direction:column;justify-content:center;padding:.5rem 0 .25rem}#history #history-table *{display:flex;flex-direction:row;align-content:center}#history #history-table * *{flex:1;text-align:center;margin:0;padding:0;height:auto;display:flex;flex-direction:row;justify-content:center;align-content:center;border-right:.15rem solid #2095f2}#history #history-table * :first-child{border-color:#e6506b}#history #history-table * :nth-child(2){border-color:#f29d2c}#history #history-table * :last-child{border:none}#history #history-table li{width:100%;margin:.25rem 0}#history #history-table li a{color:#2095f2}@media (max-width:1150px){#history #history-table{margin:1rem 2.5% 0}}@-webkit-keyframes cloudambient1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes cloudambient1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@-webkit-keyframes cloudambient2{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes cloudambient2{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}#background-wrap{position:absolute;z-index:-1;left:0;top:0;width:100%;max-width:100vw;height:100%;max-height:100vh;padding:2rem 10%;box-sizing:border-box;background:linear-gradient(180deg,#082943 31%,#2095f2);display:flex;flex-direction:row;align-content:flex-start;justify-content:space-between}#background-wrap #attribution{position:absolute;top:0;left:0;color:#fafafa;opacity:.5;font-family:Roboto;font-size:.75rem}#background-wrap #attribution *{text-decoration:none;color:#fafafa}#background-wrap .background-cloud-cluster{width:12.5rem;height:12.5rem;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#background-wrap #left-most-clouds,#background-wrap #right-clouds{margin-top:1.5rem;-webkit-animation-name:cloudambient1;animation-name:cloudambient1}#background-wrap #left-clouds,#background-wrap #right-most-clouds{-webkit-animation-name:cloudambient2;animation-name:cloudambient2}@media (max-width:1150px){#background-wrap{padding:.5rem 10%}#background-wrap #right-most-clouds{display:none}}@media (max-width:850px){#background-wrap #right-clouds{display:none}}body,html{margin:0;padding:0}