@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}.App{min-height:95vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efefef;font-family:Open Sans,sans-serif;min-height:100vh}.mainNav{align-items:center;background-color:#333;display:flex;flex-direction:column;margin:auto;max-width:500px;position:sticky;top:0;width:100%}.mainNav ul{color:#fff;display:flex;flex-wrap:nowrap;list-style-type:none}.mainNav li,.mainNav li:focus,.mainNav li:hover{padding:1rem}.mainNav li a{color:#fff;font-size:16px;text-decoration:none}.mainNav li:focus,.mainNav li:focus a,.mainNav li:hover,.mainNav li:hover a{background-color:#eee;color:#333}.mainNav li:focus a,.mainNav li:hover a{cursor:pointer}#error-page{justify-content:center}#error-page,.App{align-items:center;display:flex;flex-direction:column;width:100%}.App{margin:auto;max-width:500px}.mainNav li,.mainNav li:focus,.mainNav li:hover{padding:.6rem}@media screen and (max-width:400px){.mainNav li a{font-size:13px}}.toDo{align-items:first baseline;align-items:center;border:1px solid #0000cd;display:flex;flex-direction:column;flex-grow:1;margin:auto;max-width:500px;width:100%}.container{padding-bottom:30px;width:90%}.GroceryList{align-items:first baseline;align-items:center;border:1px solid #0000cd;flex-direction:column;flex-grow:1;margin:0 auto;max-width:500px;min-height:94.6vh}.GroceryList,.addForm{display:flex;width:100%}.addForm{border-bottom:1px solid #eee;justify-content:flex-start;margin:1rem 0 0;padding:0 .5rem .25rem}.addForm label{left:-99999px;position:absolute}.addForm input[type=text]{flex-grow:1;margin-bottom:1rem;margin-right:.25rem;max-width:calc(100% - 50px);min-height:48px;outline:none;padding:.25rem}.addForm input[type=text],button{border-radius:.25rem;font-size:1rem}button{background-color:#f0f8ff;color:#0000cd;cursor:pointer;height:48px;min-width:48px;padding:.5rem}button:focus,button:hover{background-color:#32cd32;color:#fff;outline:none}.item svg{color:#4682b4;cursor:pointer;font-size:1rem;height:36px;min-width:48px;width:48px}.item>label{flex-grow:1;font-size:1.7rem}.item{align-items:center;background-color:#eee;display:flex;font-size:1rem;justify-content:flex-start;margin:.25rem 0;padding:.5rem 0 .5rem .5rem}.item:first-child{margin:0}.item input[type=checkbox]{cursor:pointer;height:2.5rem;height:48px;margin-right:.5rem;min-height:48px;min-width:48px;text-align:center;width:2.5rem;width:48px}.progressBar{background-color:#e6e6e6;height:30px;width:100%}.progressBar,.progressBarFill{border-radius:10px;margin-bottom:10px}.progressBarFill{background-color:red;height:100%;transition:width .5s ease-out}.progressLabel{color:#444;font-size:22px;font-weight:700;text-align:center}ul{list-style:none;padding:0 .25rem .25rem;width:100%}ul li:before{content:"\200B"}.dayTitle{font-size:2.5rem;margin-bottom:20px;text-align:center}.settings{align-items:first baseline;border:1px solid #0000cd;display:flex;flex-direction:row;margin:0 auto;max-width:500px;min-height:94vh;width:100%}.settingsContent{width:80%}.settingsNav{align-items:center;background-color:#20f;max-width:100px;width:20%}.settingsNav ul{align-items:center;color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;list-style-type:none}.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:3rem}.settingsNav li a{color:#fff;font-size:16px;text-decoration:none}.settingsNav li:focus,.settingsNav li:focus a,.settingsNav li:hover,.settingsNav li:hover a{background-color:#eee;color:#333}.settingsNav li:focus a,.settingsNav li:hover a{cursor:pointer}.Footer{display:block}@media screen and (max-width:400px){.settings label{font-size:1.4rem}.settingsNav li{font-size:.75rem;padding:2.1rem}.settingsNav li:focus,.settingsNav li:hover{padding:2.1rem}}@media (max-height:600px){.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:1.4rem}}@media (min-height:680px){.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:2.3rem}}@media (min-height:730px){.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:2.5rem}}@media (min-height:750px){.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:2.7rem}}@media (min-height:812px){.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:2.9rem}}@media (min-height:900px){.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:3.2rem}}@media (min-height:1000px){.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:3.3rem}.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:3.92rem}}@media (min-height:1366px){.settingsNav li,.settingsNav li:focus,.settingsNav li:hover{padding:4.7rem}}.userSettings{align-items:first baseline;align-items:center;border:1px solid #0000cd;display:flex;flex-direction:column;flex-grow:1;margin:0 auto;max-width:500px;min-height:94.6vh;width:100%}.updateForm{display:grid;font-size:1rem;grid-template-columns:auto;margin-bottom:1rem;width:100%}.Login{align-items:first baseline;align-items:center;border:1px solid #0000cd;flex-grow:1;justify-content:center;margin:0 auto;max-width:500px;min-height:100vh;width:100%}.Login,.loginForm{display:flex;flex-direction:column}.loginForm{font-size:1rem;padding-left:2rem;width:90%}.loginForm button{margin-top:1rem;width:90%}.signUp{align-items:first baseline;align-items:center;border:1px solid #0000cd;display:flex;flex-direction:column;flex-grow:1;margin:0 auto;max-width:500px;min-height:94.6vh;width:100%}.headings{padding-bottom:1rem}.signupForm{display:grid;font-size:1rem;grid-template-columns:auto;margin-bottom:1rem;width:100%}.input{margin-right:.25rem}.input,.label{margin-left:.5rem}.infoGrid button{height:32px;max-width:56px}.infoGrid{align-items:center;display:flex;justify-content:space-between;padding-bottom:.5rem;width:92%}.buttonGrid{align-items:center;justify-content:center;margin:0 auto;width:80%}.buttonGrid button{box-sizing:border-box;margin:1rem;width:40%}.forgotPassword{align-items:first baseline;align-items:center;border:1px solid #0000cd;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 auto;max-width:500px;min-height:100vh;width:100%}.headings{font-size:1rem;margin-bottom:2rem;text-align:center}.forgotForm{display:flex;flex-direction:column;font-size:1rem;padding-left:2rem;width:90%}.input{border-radius:.25rem;flex-grow:1;font-size:1rem;margin-bottom:1rem;max-width:calc(100% - 50px);min-height:48px;outline:none;padding:.25rem}.label{padding-bottom:.5rem}.forgotForm button{margin-top:1rem;width:90%}.buttonGrid{display:flex;padding-top:2rem;width:90%}.buttonGrid button{width:45%}
/*# sourceMappingURL=main.b798e1a7.css.map*/