@import url(https://fonts.googleapis.com/css?family=Orbitron&display=swap);*,:after,:before{box-sizing:border-box;margin:0}body{background:linear-gradient(158deg,rgba(84,84,84,.03),rgba(84,84,84,.03) 20%,hsla(0,0%,86%,.03) 0,hsla(0,0%,86%,.03) 40%,rgba(54,54,54,.03) 0,rgba(54,54,54,.03) 60%,rgba(99,99,99,.03) 0,rgba(99,99,99,.03) 80%,rgba(92,92,92,.03) 0,rgba(92,92,92,.03)),linear-gradient(45deg,hsla(0,0%,87%,.02),hsla(0,0%,87%,.02) 14.286%,rgba(8,8,8,.02) 0,rgba(8,8,8,.02) 28.572%,rgba(52,52,52,.02) 0,rgba(52,52,52,.02) 42.858%,hsla(0,0%,92%,.02) 0,hsla(0,0%,92%,.02) 57.144%,rgba(81,81,81,.02) 0,rgba(81,81,81,.02) 71.43%,hsla(0,0%,94%,.02) 0,hsla(0,0%,94%,.02) 85.716%,hsla(0,0%,73%,.02) 0,hsla(0,0%,73%,.02) 100.002%),linear-gradient(109deg,rgba(33,33,33,.03),rgba(33,33,33,.03) 12.5%,hsla(0,0%,58%,.03) 0,hsla(0,0%,58%,.03) 25%,hsla(0,0%,51%,.03) 0,hsla(0,0%,51%,.03) 37.5%,hsla(0,0%,59%,.03) 0,hsla(0,0%,59%,.03) 50%,hsla(0,0%,83%,.03) 0,hsla(0,0%,83%,.03) 62.5%,rgba(39,39,39,.03) 0,rgba(39,39,39,.03) 75%,rgba(55,55,55,.03) 0,rgba(55,55,55,.03) 87.5%,rgba(82,82,82,.03) 0,rgba(82,82,82,.03)),linear-gradient(348deg,rgba(42,42,42,.02),rgba(42,42,42,.02) 20%,rgba(8,8,8,.02) 0,rgba(8,8,8,.02) 40%,hsla(0,0%,95%,.02) 0,hsla(0,0%,95%,.02) 60%,rgba(42,42,42,.02) 0,rgba(42,42,42,.02) 80%,rgba(80,80,80,.02) 0,rgba(80,80,80,.02)),linear-gradient(120deg,hsla(0,0%,42%,.03),hsla(0,0%,42%,.03) 14.286%,rgba(67,67,67,.03) 0,rgba(67,67,67,.03) 28.572%,hsla(0,0%,53%,.03) 0,hsla(0,0%,53%,.03) 42.858%,hsla(0,0%,7%,.03) 0,hsla(0,0%,7%,.03) 57.144%,hsla(0,0%,40%,.03) 0,hsla(0,0%,40%,.03) 71.43%,hsla(0,0%,80%,.03) 0,hsla(0,0%,80%,.03) 85.716%,rgba(53,53,53,.03) 0,rgba(53,53,53,.03) 100.002%),linear-gradient(45deg,hsla(0,0%,84%,.03),hsla(0,0%,84%,.03) 16.667%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 33.334%,hsla(0,0%,98%,.03) 0,hsla(0,0%,98%,.03) 50.001%,hsla(0,0%,91%,.03) 0,hsla(0,0%,91%,.03) 66.668%,hsla(0,0%,95%,.03) 0,hsla(0,0%,95%,.03) 83.335%,rgba(31,31,31,.03) 0,rgba(31,31,31,.03) 100.002%),linear-gradient(59deg,hsla(0,0%,88%,.03),hsla(0,0%,88%,.03) 12.5%,rgba(97,97,97,.03) 0,rgba(97,97,97,.03) 25%,hsla(0,0%,56%,.03) 0,hsla(0,0%,56%,.03) 37.5%,hsla(0,0%,43%,.03) 0,hsla(0,0%,43%,.03) 50%,rgba(34,34,34,.03) 0,rgba(34,34,34,.03) 62.5%,hsla(0,0%,61%,.03) 0,hsla(0,0%,61%,.03) 75%,hsla(0,0%,98%,.03) 0,hsla(0,0%,98%,.03) 87.5%,hsla(0,0%,70%,.03) 0,hsla(0,0%,70%,.03)),linear-gradient(241deg,rgba(58,58,58,.02),rgba(58,58,58,.02) 25%,hsla(0,0%,49%,.02) 0,hsla(0,0%,49%,.02) 50%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 75%,rgba(52,52,52,.02) 0,rgba(52,52,52,.02)),linear-gradient(90deg,#fff,#d4c7c7);background-attachment:fixed;background-repeat:no-repeat;font-family:Orbitron,sans-serif;font-size:1rem;overflow-x:hidden}.App,body{height:100vh}.App{grid-row-gap:5px;display:grid;grid-template-areas:"title title" "timer timer" "start-stop start-stop" "session break" "by by";width:100%}.App .title{grid-area:title}.App .timer-label{grid-area:timer}.App .buttons{flex-direction:row;grid-area:start-stop}.App .session-label{grid-area:session}.App .break-label{grid-area:break}.App .by{grid-area:by}.flex-center{align-items:center;display:flex;flex-direction:column;justify-content:center}#title{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fd2a2a,#c00505,#fd2a2a);background-clip:text;-webkit-background-clip:text;font-size:4rem;text-align:center}#timer-label,#title{font-weight:300;line-height:1.2}#timer-label{font-size:3.5rem;text-align:center}#time-left{font-size:6rem;line-height:1.2}.btn{background-color:transparent;border:none;border-radius:50%;box-shadow:1px 1px 3px #656565;cursor:pointer;display:inline-block;font-size:1em;height:48px;margin:0 16px;outline:none;position:relative;text-align:center;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear;width:48px}.btn i{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.btn-start{background:radial-gradient(circle,#1ca52e,#017711);color:#fff}.btn-reset{background:radial-gradient(circle,#b93131,#ac0404);color:#fff}.btn-dcm,.btn-icm{background:radial-gradient(circle,#245fb8,#042bac);color:#fff}.break-label,.session-label{align-items:center;display:flex;flex-flow:column nowrap;justify-content:space-around}.label-title{font-size:1.5rem;text-align:center}.label-body{font-size:3rem;text-align:center}.label-bottom{display:flex;justify-content:space-around;width:100%}.alert{-webkit-animation:alert 1s ease-in-out infinite;animation:alert 1s ease-in-out infinite;color:#c00505}.by{font-size:1.2rem;padding:1rem;text-align:center}.by a{color:#e91414;text-decoration:none}.by a:hover{text-decoration:underline}@-webkit-keyframes alert{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.1);transform:scale(1.1)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.1);transform:scale(1.1)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes alert{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.1);transform:scale(1.1)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.1);transform:scale(1.1)}70%{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:600px){.App{grid-row-gap:20px;grid-template-areas:"title" "timer" "start-stop" "session" "break" "by"}}
/*# sourceMappingURL=main.df90fb84.css.map*/