@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);@font-face{font-family:Digital;src:url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.eot);src:url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.woff) format("woff"),url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.ttf) format("truetype"),url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.svg#Digital-7) format("svg")}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100vh}body{background:radial-gradient(closest-side,#6c6c6c 50%,#000);color:#fff;font-family:Roboto,sans-serif;overflow:hidden}#timer-container{align-items:center;background-color:#000;border-radius:50%;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;height:350px;justify-content:center;left:38%;margin-top:420px;position:relative;width:350px}#timer-container #timer-label{color:#fff;font-size:1.5em;margin-top:30%;position:absolute}#timer-container #time-left{background:linear-gradient(145deg,#fff,#646464);border:1.5px outset #2a201c;border-radius:10%;box-shadow:inset 0 0 10px #000;color:#212121;font-family:digital,sans-serif;font-size:3em;height:15%;margin-bottom:30%;padding:0 10px;position:absolute}#timer-container .red-text{color:red!important}#timer-container #reset,#timer-container #start_stop{background:linear-gradient(145deg,#ffefbe,#ffd104);border-radius:50%;cursor:pointer;font-size:1em;font-weight:700;height:60px;position:absolute;width:60px}#timer-container #start_stop{left:-20px;top:75%;transform:translateY(-50%)}#timer-container #reset{right:-20px;top:75%;transform:translateY(-50%)}#timer-container #break-label{left:-80px;position:absolute;top:-50%;transform:translateY(25%)}#timer-container #session-label{position:absolute;right:-80px;top:-50%;transform:translateY(25%)}#timer-container h1{color:silver;flex:wrap 1;font-size:8em;min-width:500px;position:absolute;text-align:center;top:-155%;transform:translateY(50%)}#time-setup{display:flex;justify-content:space-around;margin-top:20px}#time-setup .time-setup{align-items:center;background-color:#000;border-radius:50%;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto;position:relative;width:200px}#time-setup .time-setup h2{color:#fff}#time-setup .time-setup #break-length,#time-setup .time-setup #session-length{color:#fff;font-size:1.5em;margin:10px 0}#time-setup .time-setup .button{background:linear-gradient(145deg,#ffefbe,#ffd104);border-radius:50%;cursor:pointer;font-size:1.5em;font-weight:700;height:40px;position:absolute;width:40px}#time-setup .time-setup #break-decrement{left:-15px;top:75%;transform:translateY(-50%)}#time-setup .time-setup #session-decrement{left:-15px;top:25%;transform:translateY(-50%)}#time-setup .time-setup #break-increment{right:-15px;top:20%;transform:translateY(-50%)}#time-setup .time-setup #session-increment{right:-20px;top:75%;transform:translateY(-50%)}#time-setup{box-shadow:-10px -10px 50px outset #ffffffe3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.7cd7f91e.css.map*/