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}@font-face{font-family:lato regular;src:url(/static/media/Lato%20Regular.9919edff6283018571ad.ttf) format("truetype")}.App{background-color:#f3f3f3;color:#556e84;font-family:lato regular,CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;font-size:x-large;height:100vh;overflow-y:auto;text-align:center}.App,.header{display:flex;flex-direction:column}.header{align-items:flex-start;height:20vh;width:100%}.xx-large-font{font-size:xx-large}.small-font{font-size:small}.primary-colour-font{color:#556e84}.secondary-colour-font{color:#fff}.accent-colour-font{color:#556e84}.flex-centered{align-items:center;display:flex;justify-content:center}.flex-column{flex-direction:column}.full-width{width:100%}.full-height{height:100%}.header-link{align-items:flex-start;display:flex;flex-direction:column;height:auto;justify-content:center;margin-left:15px;margin-top:15px;width:auto}.outlet{height:80vh}a:-webkit-any-link{color:inherit;text-decoration:none}.breathe-content{background-color:#556e84;border-radius:8px;color:#fff;height:50vmin;max-height:150px;max-width:150px;position:relative;width:50vmin}.sub-breathe-content{height:10vh}.fade-in{-webkit-animation:fadeIn 2s linear;animation:fadeIn 2s linear}.share{height:100%}.social-share{align-items:center;display:flex;flex-flow:wrap;height:auto;justify-content:center;margin-top:2rem;width:100%}.share-detail{font-size:x-large}.share-your-progress:active,.share-your-progress:hover{font-size:50px}.header-item-container{align-items:center;color:#556e84;cursor:pointer;display:flex;flex-direction:row;font-size:large;font-weight:700;height:100%;justify-content:flex-start;padding-left:5%;width:95%}.header-text{margin-left:5%}.header-item-container:active,.header-item-container:hover{background-color:#556e84;color:#fff}.overlay{background-color:#fff;border-radius:25px 5px;height:0;max-height:150px;max-width:150px;overflow-y:auto;position:fixed;right:15px;top:41px;transition:.2s;width:50%;z-index:1}.overlay-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start}.open-overlay{cursor:pointer;font-size:xx-large;position:fixed;right:15px;top:15px;z-index:2}.settings{height:100%}.second-counts{height:auto;width:100%}.settings-instruction{font-size:x-large;font-weight:700;justify-content:left}.restore-default-settings{font-size:small}.settings-lines{display:grid;grid-template-columns:50vmin 50vmin;justify-content:center}.setting-value{margin-top:.3rem}.setting-line{font-size:x-large;margin-bottom:1rem;margin-top:1rem}.second-control{align-items:center;background-color:#556e84;border:2px solid #556e84;border-radius:50%;color:#fff;display:inline-flex;font-size:x-large;font-weight:700;height:30px;justify-content:center;line-height:50%;width:30px}.second-control:active,.second-control:hover{cursor:pointer}.plus-second-control{margin-left:1rem}.minus-second-control{margin-right:1rem}hr{background-color:#fff;border:0;color:#fff;height:1px;margin-bottom:2px;margin-top:2px;width:100px}.hr-primary{background-color:#f3f3f3;border:0;color:#f3f3f3;height:.8px;margin:0;width:80%}.about{height:100%}.about-content{justify-content:center;text-align:center}.about-content,.about-detail{align-items:center;display:flex;flex-direction:column}.about-detail{font-size:large;margin-bottom:1rem;margin-top:1rem;width:90vw}.box-breathing-container{display:grid;grid-template-columns:25% 50% 25%;grid-template-rows:25% 50% 25%;height:60vmin;margin:0 auto;width:60vmin}.box-breathing{background-color:#556e84}.box-breathing-animation{-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:square;animation-name:square;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#fff;border-radius:50%;display:flex;height:8px;position:relative;width:8px}.box-breathing-side{align-items:center;display:flex;justify-content:center}.breathe-dot{background-color:#fff;border-radius:50%;height:8px;left:-4px;position:absolute;top:-4px;width:8px}@keyframes square{0%{left:-4px;top:-4px}25%{left:calc(100% - 4px);top:-4px}50%{left:calc(100% - 4px);top:calc(100% - 4px)}75%{left:-4px;top:calc(100% - 4px)}to{left:-4px;top:-4px}}@-webkit-keyframes square{0%{left:-4px;top:-4px}25%{left:calc(100% - 4px);top:-4px}50%{left:calc(100% - 4px);top:calc(100% - 4px)}75%{left:-4px;top:calc(100% - 4px)}to{left:-4px;top:-4px}}@keyframes breathe-0{0%{left:-4px;top:-4px}to{left:calc(100% - 4px);top:-4px}}@keyframes breathe-1{0%{left:calc(100% - 4px);top:-4px}to{left:calc(100% - 4px);top:calc(100% - 4px)}}@keyframes breathe-2{0%{left:calc(100% - 4px);top:calc(100% - 4px)}to{left:-4px;top:calc(100% - 4px)}}@keyframes breathe-3{0%{left:-4px;top:calc(100% - 4px)}to{left:-4px;top:-4px}}@-webkit-keyframes breathe-0{0%{left:-4px;top:-4px}to{left:calc(100% - 4px);top:-4px}}@-webkit-keyframes breathe-1{0%{left:calc(100% - 4px);top:-4px}to{left:calc(100% - 4px);top:calc(100% - 4px)}}@-webkit-keyframes breathe-2{0%{left:calc(100% - 4px);top:calc(100% - 4px)}to{left:-4px;top:calc(100% - 4px)}}@-webkit-keyframes breathe-3{0%{left:-4px;top:calc(100% - 4px)}to{left:-4px;top:-4px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progress-container{align-items:center;background:#f3f3f3;border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px hsla(0,0%,100%,.08);display:flex;height:4vh;max-width:150px;width:50vmin}.progress-moved{-webkit-animation:progressAnimation 120s;animation:progressAnimation 120s;border-radius:8px;height:100%}@-webkit-keyframes progressAnimation{0%{background-color:#556e84;width:3%}to{background-color:#556e84;width:100%}}@keyframes progressAnimation{0%{background-color:#556e84;width:3%}to{background-color:#556e84;width:100%}}
/*# sourceMappingURL=main.007d6225.css.map*/