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}html{font-size:100%}body{background-color:#123b98;color:#fff;font-family:Atkinson Hyperlegible,sans-serif;font-size:1em;margin:0 auto;max-width:300px;min-height:100vh}.App{margin:2em auto 0;max-width:95%}h1{font-size:1.9em;margin:20px 0 0;padding-block:.5em}h1,h2{color:#fff}h2{margin:0;padding-top:.5em}.days{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:53%}.days li{font-size:1.3em;list-style:none}.days li:after{border:1px solid #fff;content:"";height:20px;width:20px}.habit-form{padding-block:16px}form{display:flex}form input{background:#123b98;border:1px solid #fff;color:#fff;font-family:Atkinson Hyperlegible,sans-serif;font-size:1em;padding-left:1em;width:100%}form input:focus{outline-color:#ef476f}form button{background:#123b98;border:1px solid #fff;border-left:none;color:#fff;cursor:pointer;font-family:Atkinson Hyperlegible,sans-serif;font-size:.7em;padding:1em 2.5em}form button:focus,form button:hover{background:#ef476f;color:#fff}form button:disabled{background:#123b98;color:#fff;cursor:auto}.showing-habits .habit-list{display:flex;flex-direction:column;list-style:none;padding-left:0}.showing-habits .habit-list-item{position:relative}.showing-habits .close-btn{background:#123b98;border:none;color:#fff;cursor:pointer;font-size:1em;font-weight:700;position:absolute;right:15px}.showing-habits .close-btn:focus,.showing-habits .close-btn:hover{color:#ef476f}.showing-habits .habit-list-flex{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:2em}.showing-habits .habit-list-item{border:1px solid #fff;display:inline-block;margin-bottom:.5em;max-width:520px;padding:.5em .5em .6em;text-align:center;width:95%}.showing-habits .habit-check-list{display:flex;flex-direction:row;gap:2px;justify-content:space-between;max-width:520px;width:100%}.showing-habits input[type=checkbox]{align-items:center;-webkit-appearance:none;appearance:none;background-color:#123b98;border:1px solid #fff;cursor:pointer;height:.5em;margin:0;transform:translateY(-.075em);width:2.8em}.showing-habits input[type=checkbox]:checked{background:#ef476f;border-color:#ef476f}@media screen and (min-width:700px){body{max-width:650px}.showing-habits .habit-list-flex{flex-direction:row;gap:10px}.showing-habits input[type=checkbox]{height:3em}}@media screen and (min-width:1000px){body{font-size:1.2em;max-width:960px}.App{margin-top:4em}form input{padding-block:.5em}form button{font-size:1em}.showing-habits .habit-list{margin-top:1.5em}.showing-habits .habit-check-list{gap:5px}.showing-habits .habit-list-item{padding:1em}.showing-habits input[type=checkbox]{height:5em;width:5em}}
/*# sourceMappingURL=main.daf36c96.css.map*/