:root{--red: #f82553;--orange: #fb6640;--yellow: #f8c421;--green: #49cc5c;--blue: #2c7ce5;--purple: #6434e9}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0}body{font-size:3em;padding-top:1em;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#333;text-align:center;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif}#countdown{position:absolute;top:5%;background:rgba(0, 0, 255, 0.279);padding:10px;border-radius:5px;min-width:80%}#countdown li{display:inline-block;font-size:2rem;padding:0 1em;list-style-type:none;text-transform:uppercase}#countdown li span{display:block;line-height:12rem;font-size:14rem}#controls{position:absolute;bottom:15%;opacity:0.6}#controls button{width:130px;height:40px;z-index:1;border:none;border-radius:5px;padding:10px 25px;font-weight:bold;background:transparent;cursor:pointer;transition:all 0.3s ease;position:relative;display:inline-block;outline:none;color:#000000;background-color:#dadada}#controls button:hover{color:var(--blue);background:transparent;box-shadow:none}#controls button:before,#controls button:after{content:"";position:absolute;top:0;right:0;height:2px;width:0;background:var(--blue);box-shadow:-1px -1px 5px 0px #fff, 7px 7px 20px 0px #0003, 4px 4px 5px 0px #0002;transition:1s ease all}#controls button:after{right:inherit;top:inherit;left:0;bottom:0}#controls button:hover:before,#controls button:hover:after{width:100%;transition:800ms ease all}progress{position:absolute;bottom:0;width:100%;height:10%;appearance:none}progress::-webkit-progress-bar{background-color:#eee}progress::-webkit-progress-value{background:var(--blue)}#progress.green::-webkit-progress-value{background:var(--green)}#progress.yellow::-webkit-progress-value{background:var(--yellow)}#progress.orange::-webkit-progress-value{background:var(--orange)}#progress.red::-webkit-progress-value{background:var(--red)}#content{border-radius:5px;width:80%;background:rgba(0, 0, 120, 0.279);padding:10px;position:absolute;top:40%}#content #milestoneContainer div{opacity:0.5;line-height:3.5rem;font-size:2.5rem}#content #milestoneContainer .active{font-weight:bold;font-size:4rem;opacity:1}#content #milestoneContainer .hidden{display:none}#content #notes{padding:1rem;font-size:2rem;width:100%;text-align:left;minimum-height:10rem}