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}:root{--back-color:#285238}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#285238;background-color:var(--back-color);transition:.15s}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1em;justify-content:flex-start;margin:auto;max-width:800px;min-height:100vh}.App-link{color:#61dafb}.header{color:#fff;text-align:center}.footer,.header{background-color:transparent;width:100%}.footer{height:100px}.navbarContainer>button{color:#fff;margin:2px 10px}.navbarContainer{flex-direction:row;flex-wrap:wrap}.navbarContainer,.textBoxContainer{display:flex;justify-content:center}.textBoxContainer{align-items:stretch;flex-direction:column;gap:10px;margin:1rem}.textBoxContainer p{margin:auto 0}@media(min-width:600px){.textBoxContainer{flex-direction:row}}.dailyView .barChart{flex:2 0 20vh;font-size:.9rem;height:20vh;padding:0;width:100%}.dailyView{display:flex;flex-direction:column;height:100%;margin:0 auto;width:100%}@media(min-width:800px){.dailyView{height:40vh}}.radio{padding:15px}.radios{font-size:1rem}.yearContainer{height:inherit;margin:0 auto;max-width:min(34rem,70vw)}.monthContainer{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:auto 1fr;justify-content:center}.dayContainer{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.day{color:#fff;font-size:5px;height:1rem;width:1rem}.color-scale-1{background-color:rgba(40,82,56,0)}.color-scale-2{background-color:rgba(40,82,56,.33)}.color-scale-3{background-color:rgba(40,82,56,.66)}.color-scale-4{background-color:#285238}.weeklyView .barChart{flex:2 0 20vh;height:20vh;margin-right:1rem;width:100%}.weeklyView{display:flex;flex-direction:column;height:100%;width:100%}@media(min-width:800px){.weeklyView{height:40vh}}.container{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(7,clamp(2rem,7vw,5rem));justify-content:center;margin:2rem}.MviewDay,.emptyDay{border:1px solid rgba(40,82,56,0);color:blue;display:block;font-size:5px;height:clamp(2rem,7vw,5rem);width:clamp(2rem,7vw,5rem)}.emptyDay{background-color:#fff}.color-scale-1{opacity:0}.color-scale-1,.color-scale-2{background-color:var(--back-color)}.color-scale-2{opacity:.33}.color-scale-3{opacity:.66}.color-scale-3,.color-scale-4{background-color:var(--back-color)}.chartandOptions{margin:1rem;max-width:800px}.options{grid-area:options;margin-bottom:2rem}.chart{grid-area:chart;text-align:center}.css-qfz70r-MuiFormGroup-root{justify-content:center}.habitSelector{margin:1rem}@media(min-width:600px){.chartandOptions{display:grid;grid-template-areas:"options chart";grid-template-columns:15% 85%}}.about-end{margin:3rem 0 0}.aboutGrid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-areas:"header ." "content image";grid-template-columns:1fr 1fr;margin:2rem 4rem 0;max-width:800px}.aboutGrid div p{margin:0 2rem;text-align:left}.aboutGrid .header{background-color:inherit;color:#000;font-size:2rem;grid-area:header;margin:0;text-align:left}.aboutGrid .content{color:#727272;font-size:1.5rem;grid-area:content;line-height:2rem}.aboutGrid .image{grid-area:image;width:100%}@media(max-width:800px){.aboutGrid{grid-template-areas:"header" "content" "image";grid-template-columns:1fr;margin:2rem 2rem 0}.aboutGrid .content{font-size:1rem;text-align:center}.aboutGrid .header{font-size:1.5rem;text-align:center}}.aboutPic{width:100px}.editContainer{margin-left:1rem;margin-right:1rem}.editContainer h2{padding-bottom:1rem;padding-top:1rem}.editContainer p{margin:auto 0}.ModifyHabits h3{padding-bottom:1rem;padding-top:1rem}.ModifyHabits .colorPicker{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.ModifyHabits .saveButtons{display:flex;gap:.5rem;justify-content:flex-end}.modifyData .header{background-color:#fff}.modifyData .header .grid{background-color:var(--back-color);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.modifyData .row{text-align:center}.grey{background-color:#f3f3f3}.topPadding{padding-top:8px}.divButContainer{display:flex;justify-content:center;margin:.2rem}.divButContainer>button{margin:.3rem}
/*# sourceMappingURL=main.c5b21004.css.map*/