@media (max-width:575.98px){#root,body,html{height:100%;display:flex}#root,.container-fluid,body,html{width:100%;background-color:#3e4444}.container-fluid{color:hsla(0,0%,100%,.9333333333333333);margin:auto;align-self:center}#session-clock{font-size:4rem;margin-top:25px;border:5px solid hsla(0,0%,100%,.8470588235294118);border-radius:10px}.in-session{background-color:#82b74b}.on-break{background-color:#c94c4c}.off{background-color:#55acee}.blinking{-webkit-animation:blinkingText 3s infinite;animation:blinkingText 3s infinite}@-webkit-keyframes blinkingText{0%{color:hsla(0,0%,100%,.8470588235294118)}50%{color:transparent}to{color:hsla(0,0%,100%,.8470588235294118)}}@keyframes blinkingText{0%{color:hsla(0,0%,100%,.8470588235294118)}50%{color:transparent}to{color:hsla(0,0%,100%,.8470588235294118)}}#break-length-text,#session-length-text{font-size:1.2rem;display:inline;margin-right:10px}#length-container{width:100%;margin:25px auto;padding:20px 0 0;border-top:2px solid hsla(0,0%,100%,.8470588235294118)}button{background-color:transparent;border:none;color:hsla(0,0%,100%,.8470588235294118);padding:2px}.hidden{display:none}}@media (min-width:575.98px) and (max-width:767.98px){#root,body,html{width:100%;height:100%;display:flex}.container-fluid{width:100%;color:hsla(0,0%,100%,.9333333333333333);background-color:#3e4444;margin:auto;align-self:center}#clock-title{padding:10px;margin:10px}#sub-container{border:5px solid #fff;box-shadow:6px 7px 10px #000;color:hsla(0,0%,100%,.9333333333333333);background-color:#3e4444}#session-clock{font-size:4rem;margin-top:20px;border:5px solid hsla(0,0%,100%,.8470588235294118);border-radius:10px}.container-in-session,.in-session{background-color:#82b74b}.container-on-break,.on-break{background-color:#c94c4c}.container-off,.off{background-color:#55acee}.blinking{-webkit-animation:blinkingText 3s infinite;animation:blinkingText 3s infinite}@-webkit-keyframes blinkingText{0%{color:hsla(0,0%,100%,.8470588235294118)}50%{color:transparent}to{color:hsla(0,0%,100%,.8470588235294118)}}@keyframes blinkingText{0%{color:hsla(0,0%,100%,.8470588235294118)}50%{color:transparent}to{color:hsla(0,0%,100%,.8470588235294118)}}#break-length-text,#session-length-text{display:inline;margin:0 10px 0 0;font-size:1.2rem}#length-container-col{margin:50px 0;padding:20px 0 0;border-top:2px solid hsla(0,0%,100%,.8470588235294118)}button{background-color:transparent;border:none;color:hsla(0,0%,100%,.8470588235294118);padding:2px}.hidden{display:none}}@media (min-width:767.98px){#root,body,html{width:100%;height:100%;display:flex}.container-fluid{width:100%;color:hsla(0,0%,100%,.9333333333333333);background-color:#3e4444;margin:auto;align-self:center}#clock-title{padding:10px;margin:10px}#sub-container{border:5px solid #fff;box-shadow:6px 7px 10px #000;color:hsla(0,0%,100%,.9333333333333333);background-color:#3e4444}#session-clock{font-size:4rem;margin-top:20px;border:5px solid hsla(0,0%,100%,.8470588235294118);border-radius:10px}.container-in-session,.in-session{background-color:#82b74b}.container-on-break,.on-break{background-color:#c94c4c}.container-off,.off{background-color:#55acee}.blinking{-webkit-animation:blinkingText 3s infinite;animation:blinkingText 3s infinite}@-webkit-keyframes blinkingText{0%{color:hsla(0,0%,100%,.8470588235294118)}50%{color:transparent}to{color:hsla(0,0%,100%,.8470588235294118)}}@keyframes blinkingText{0%{color:hsla(0,0%,100%,.8470588235294118)}50%{color:transparent}to{color:hsla(0,0%,100%,.8470588235294118)}}#break-length-text,#session-length-text{display:inline;margin-right:10px;font-size:1.2rem}#length-container-col{margin:50px auto;padding:20px 0 0;border-top:2px solid hsla(0,0%,100%,.8470588235294118)}button{background-color:transparent;border:none;color:hsla(0,0%,100%,.8470588235294118);padding:2px}.hidden{display:none}}
/*# sourceMappingURL=main.dba3e3e2.chunk.css.map */