@keyframes rotatingSeconds{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotatingSeconds2{from{transform:rotate(0)}to{transform:rotate(-360deg)}}*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{min-height:100%;min-width:100%}#body{min-height:100%;background-image:url(images/topographic_pattern.svg);background-size:cover;background-repeat:no-repeat;overflow:hidden}#display_container,#display_container_shadow{position:absolute;top:0;left:0;height:100%;width:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-image:linear-gradient(to right,#8b00d0,#7101ae,#58018d,#41016d,#2c004e);border-radius:0 1000px 1000px 0;border:none;outline:0}#display_container_shadow{left:-1px;box-shadow:5px 0 16px rgba(44,0,78,.5)}#blueContainer,#blueContainer2{position:absolute;min-width:210px;min-height:210px;width:100%;height:100%;border-radius:50%;outline:0;-ms-transform:rotate(0);transform:rotate(0)}#blueCircle,#blueCircle2{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:50%;width:5vmin;height:5vmin;margin-left:-2.5vmin;margin-top:-2.5vmin;border-radius:50%;background:#00ddd0;box-shadow:0 0 4px rgba(4,165,153,.8)}#displayBox{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:210px;min-height:210px;width:50vmin;height:50vmin;border-radius:100%;background-color:#f5f5f5;color:#4d008c;cursor:pointer}#mainTimer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}#separator,#spanMin,#spanSec{font-size:11vmin;font-family:Lato;font-weight:900;text-shadow:0 0 1.6px #8b00d0}#separator{display:inline-block;line-height:45%;height:50%;width:auto;max-width:20px;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;text-align:center;vertical-align:middle}#spanMin{margin-right:14px}#spanSec{margin-left:14px}#buttonBox,#messagesBox{height:100%;width:50%;position:absolute;right:0;top:-5vmin;padding:0 15px 0 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}#breakBox,#sessionBox{position:relative;width:100%;max-width:620px;height:30%;text-align:left}#breakDisplay,#sessionDisplay,h1,h2,p{font-size:12vmin;font-family:Montserrat;font-weight:200;color:#ff55fa}p{margin-bottom:15px}#messagesBox{height:80%;top:0vh;padding:0 0 0 5vw;-ms-flex-align:start;align-items:flex-start}h1{font-size:8vw;margin-bottom:20vh;white-space:nowrap;opacity:0;transition:opacity .12s ease-in-out,font-size .2s ease-in-out}h2{font-size:5vw;font-weight:300;margin:4vh 0;white-space:nowrap;opacity:0;transition:opacity .12s ease-in-out,font-size .2s ease-in-out}.not_active{font-size:4vmin;color:#2c004e;opacity:0;margin:0;transition:opacity .12s ease-in-out,font-size .2s ease-in-out}#breakDisplay,#sessionDisplay{position:absolute;font-size:10vmin;top:0;right:0;line-height:1.8}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #fff;border-radius:50px;width:80%;outline:0}input[type=range]::-webkit-slider-runnable-track{max-width:500px;height:16px;background:#fff;border:none;outline:0;border-radius:50px;box-shadow:0 0 5px rgba(44,0,78,.35)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:45px;width:45px;border-radius:50%;background:#ff55fa;margin-top:-15px;box-shadow:0 0 4px rgba(44,0,78,.8);cursor:pointer}input[type=range]:focus{outline:0}input[type=range]::-moz-range-track{max-width:500px;height:16px;background:#fff;border:none;outline:0;border-radius:50px;box-shadow:0 0 5px rgba(44,0,78,.35)}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;border:none;height:45px;width:45px;border-radius:50%;background:#ff55fa;margin-top:-15px;box-shadow:0 0 4px rgba(44,0,78,.8);cursor:pointer}input[type=range]::-ms-track{max-width:500px;height:16px;background:#fff;border:none;outline:0;border-radius:50px;box-shadow:0 0 5px rgba(44,0,78,.35);color:transparent;margin:22.5px 0}input[type=range]::-ms-thumb{appearance:none;border:none;height:45px;width:45px;border-radius:50%;background:#ff55fa;margin-top:-4px;box-shadow:0 0 4px rgba(44,0,78,.8);cursor:pointer}.hidden div{-ms-transform:translateX(100vmax);transform:translateX(100vmax)}.hidden p{-ms-transform:translateX(100vmax);transform:translateX(100vmax)}.hidden input{-ms-transform:translateX(100vmax);transform:translateX(100vmax)}#sessionDisplay{transition:transform .24s ease-in-out}#sessionBox p{transition:transform .24s .2s ease-in-out}#sessionBox input[type=range]{transition:transform .2s .25s ease-in-out}#breakDisplay{transition:transform .24s .1s ease-in-out}#breakBox p{transition:transform .24s .35s ease-in-out}#breakBox input[type=range]{transition:transform .2s .45s ease-in-out}.show_h1,.show_h2{opacity:1;transition:opacity .2s .8s ease-in-out,font-size .2s ease-in-out}.show_notActive{opacity:.3!important;transition:opacity .2s .8s ease-in-out,font-size .2s ease-in-out!important}@media (max-width:1400px){#breakBox,#sessionBox{max-width:500px}p{font-size:11vmin}#breakDisplay,#sessionDisplay{font-size:9vmin}}@media (max-width:1200px){#breakBox,#sessionBox{max-width:450px}p{font-size:10vmin}#breakDisplay,#sessionDisplay{font-size:8vmin}input[type=range]::-webkit-slider-runnable-track{height:12px!important}input[type=range]::-webkit-slider-thumb{height:35px;width:35px;margin-top:-12px}input[type=range]::-moz-range-track{height:12px!important}input[type=range]::-moz-range-thumb{height:35px;width:35px;margin-top:-12px}input[type=range]::-ms-track{height:12px!important;margin:17.5px 0}input[type=range]::-ms-thumb{height:35px;width:35px;margin-top:-2px}}@media(max-width:1000px) and (orientation:landscape){#display_container_shadow{box-shadow:4px 0 10px rgba(44,0,78,.5)}#breakBox,#sessionBox{max-width:400px}p{font-size:9vmin}#breakDisplay,#sessionDisplay{font-size:8.5vmin}}@media (max-width:1000px) and (orientation:portrait){#display_container,#display_container_shadow{top:0;bottom:unset;height:50%;width:100%;border-radius:0 0 1000px 1000px;background-image:linear-gradient(to bottom,#8b00d0,#7101ae,#58018d,#41016d,#2c004e)}#display_container_shadow{left:unset;top:-1px;box-shadow:0 5px 12px rgba(44,0,78,.5)}#buttonBox{height:50%;width:100%;top:unset;bottom:0}#breakBox,#sessionBox{max-width:500px}p{font-size:9vmin}#breakDisplay,#sessionDisplay{font-size:8.5vmin}#messagesBox{bottom:0;top:unset;width:100%;height:50%;padding:0 5vw 0 0;-ms-flex-align:end;align-items:flex-end}h1{margin-bottom:14vh;font-size:14vw}h2{font-size:9vw}.not_active{font-size:5vw}}@media screen and (orientation:portrait){#display_container,#display_container_shadow{top:0;bottom:unset;height:50%;width:100%;border-radius:0 0 1000px 1000px;background-image:linear-gradient(to bottom,#8b00d0,#7101ae,#58018d,#41016d,#2c004e)}#display_container_shadow{left:unset;top:-1px;box-shadow:0 4px 10px rgba(44,0,78,.5)}#buttonBox{height:50%;width:100%;top:unset;bottom:0}#breakBox,#sessionBox{max-width:500px}p{font-size:9vmin}#breakDisplay,#sessionDisplay{font-size:8.5vmin}#messagesBox{bottom:0;top:unset;width:100%;height:50%;padding:0 5vw 0 0;-ms-flex-align:end;align-items:flex-end}h1{margin-bottom:14vh;font-size:14vw}h2{font-size:9vw}.not_active{font-size:5vw}}@media (max-width:768px){#blueCircle,#blueCircle2{height:4vmin;width:4vmin;margin-top:-2vmin;margin-left:-2vmin}#displayBox{width:45vmin;height:45vmin}input[type=range]::-webkit-slider-runnable-track{height:8px!important}input[type=range]::-webkit-slider-thumb{height:30px;width:30px;margin-top:-11px}input[type=range]::-moz-range-track{height:8px!important}input[type=range]::-moz-range-thumb{height:30px;width:30px;margin-top:-11px}input[type=range]::-ms-track{height:8px!important;margin:15px 0}input[type=range]::-ms-thumb{height:30px;width:30px;margin-top:0}}@media (max-width:500px) and (max-height:500px){#blueContainer,#blueContainer2,#displayBox{width:180px!important;height:180px!important;min-width:180px;min-height:180px}}@media (max-width:500px){#blueContainer,#blueContainer2,#displayBox{width:210px;height:210px}}