*{font-family:system-ui, -apple-system, Helvetica, Sans-serif}body{font-size:20px;line-height:35px;padding:0;margin:0;background-color:#111111;color:#ffffff}.header{padding:1px 20px;background-color:#222222}.header ul,.header li{list-style:none;padding:0;margin:0}.header li{margin-right:20px;display:inline-block;cursor:pointer}.header li.active{text-decoration:underline;color:red}.content{padding:20px}.mainTimerUI{text-align:center}.mainTimerUI .timer{font-family:ui-monospace, Menlo, Monaco, monospace;font-weight:normal;text-shadow:rgba(0,0,0,0.3) 0 8px 10px;font-size:100px;height:150px;line-height:150px;margin:0;margin-bottom:30px}.mainTimerUI .timeLeft{position:absolute;margin-top:-50px;text-align:center;left:0;right:0;font-family:ui-monospace, Menlo, Monaco, monospace;text-shadow:rgba(0,0,0,0.6) 0 4px 10px;color:#888888}.mainTimerUI .timeLeft.under5minsLeft{color:orange}.mainTimerUI.red{background-color:red}.mainTimerUI.orange{background-color:orange}.mainTimerUI.orange .timeLeft{color:white;text-shadow:rgba(0,0,0,0.2) 0 4px 10px}.mainTimerUI.orange .timeLeft .under5minsLeft{color:red}.mainTimerUI.overtime .timers{color:red;animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0.3}}button{display:inline-block;background-color:#0096FF;color:#ffffff;border:0;border-radius:5px;padding:0 20px;margin:0 5px;font-size:16px;height:45px;line-height:45px;box-shadow:rgba(0,0,0,0.2) 0 8px 10px;outline:none}button.red{background-color:red}button.orange{background-color:orange}button.gray{background-color:#555555}.checkpoints{border-top:1px solid #333333;margin:30px auto 0 auto;padding-top:10px;max-width:300px;text-align:left;color:#777777}.outlines{margin:20px auto;max-width:350px}.outlines .outlinesList,.outlines .outlinesList li{text-align:left;font-family:ui-monospace, Menlo, Monaco, monospace;font-size:0.9em;letter-spacing:-1.2px}.outlines .outlinesList li .progressWrapper{display:block;position:relative}.outlines .outlinesList li .progressWrapper span{display:block;position:absolute;z-index:1;left:0;bottom:0;border-bottom:2px solid #444444}.outlines .outlinesList li .progressWrapper .progressGhost{right:0}.outlines .outlinesList li .progressWrapper .progress{z-index:2;border-bottom:2px solid yellow}.outlines .outlinesList li.isCurrent{color:yellow}.outlines .outlinesList li.completed{color:green}.outlines .outlinesList li.total{color:#555555}.outlines .outlinesList li.total.overtime{color:red}.settingsWrapper .flashIntervalWrapper{font-size:18px;margin-top:30px;color:#444444}.settingsWrapper .flashIntervalWrapper input{margin:0 10px;background-color:transparent;color:#666666;border:0;border-bottom:1px solid #444444;text-align:center;width:30px;font-weight:bold;font-size:16px}.settingsWrapper .outlinesSettings{margin:20px auto;max-width:300px}.settingsWrapper .outlinesSettings .options a{display:inline-block;padding:0 8px;margin:2px;background-color:#333333;font-size:0.8em;cursor:pointer}.settingsWrapper .outlinesSettings .options a.cu{background-color:#666666}.settingsWrapper .outlinesSettings .outlineForm{margin-top:20px}.settingsWrapper .outlinesSettings .outlineForm textarea{width:100%;height:150px;background-color:#222222;border:0;padding:10px;color:#ffffff;font-family:ui-monospace, Menlo, Monaco, monospace;font-size:14px;outline:none}