:root{--background:#262626;--text:#fff;--border:#2d2d2d;--button-hover:#044e0e;--button-bg:#057414}body{background:var(--background);box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100vh;margin:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex}#header{background-color:var(--background);color:var(--text);border:2px solid var(--border);justify-content:space-between;align-items:center;height:10vh;padding:0 2vw;display:flex}#title{font-size:2rem}img{max-height:100%}#startInterval{background-color:var(--background);color:var(--text);height:85vh;display:now;text-align:center;justify-content:center;align-items:center}#select{color:#000}#choose{size:30px;background-color:var(--border);cursor:pointer;justify-content:center;align-items:center;width:15vw;height:10vw;padding:1rem;line-height:10vw;transition:background-color .3s}#choose:hover{background-color:#323232}#chooseInterval{background-color:var(--background);color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:85vh;display:flex}#startButton{background-color:var(--button-bg);color:var(--text);cursor:pointer;justify-content:center;align-items:center;width:20vw;height:40vh;padding:1rem;transition:background-color .3s;display:none}#startButton:hover{background-color:var(--button-hover)}#interval{background-color:var(--background);width:100vw;height:85vh;color:var(--text);border:2px solid var(--border);box-sizing:border-box;flex-flow:row;justify-content:space-between;align-items:stretch;padding:1rem;display:none}#tableDiv,#countdown,#targetPower{border:2px solid var(--border);box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:.5rem;padding:1rem;display:flex}#tableDiv{font-size:3rem}#power,#time{text-align:center;margin-top:10vh;font-size:8vw}.even{background-color:var(--border)}@media (width<=768px){#interval{flex-direction:column}#tableDiv,#countdown,#targetPower{flex-basis:100%}#power,#time{font-size:15vw}}