*{margin:0;padding:0}a{background-color:initial;cursor:pointer;text-decoration:none;text-transform:none}a,a:active,a:hover,a:visited{color:inherit}h1{font-size:44px;text-shadow:2px 2px #000}h2{font-size:32px}p{font-size:18px}header{margin-bottom:150px}@media screen and (max-width:500px){h1{font-size:36px}}.header{background:#ca6702;box-shadow:0 2px 5px rgba(0,0,0,.5);padding:30px 0;position:absolute;top:0;width:100%;z-index:99999}.title{color:#fff;float:left;padding:0 20px}.nav-btns{padding:10px 0}.nav-items{display:flex;justify-content:space-between}.nav-items Button{margin:0 20px}@media screen and (max-width:650px){.header{padding:30px 0 10px;position:fixed}.nav-items{display:block}.nav-btns{display:flex;justify-content:center;padding:10px 0}.title{float:none;text-align:center;width:100%}}.add-button,.submit-button{background:#15616d;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:16px;margin:10px auto;padding:5px}.submit-button{width:300px}.add-button{width:80px}@media screen and (max-width:650px){.submit-button{width:150px}}.pop-up{background:#fff;height:auto;margin:0 auto;position:fixed;right:10%;top:5%;width:80%;z-index:900000}.overlay{background:#000;height:100%;opacity:.8;position:fixed;top:0;width:100%;z-index:100000}.close-cross{cursor:pointer;float:right}.line1,.line2,.line3{background:#15616d;height:2px;margin:.5rem 0;width:35px}.line1{-webkit-transform:translate(-10px) rotate(45deg) translate(15px);transform:translate(-10px) rotate(45deg) translate(15px)}.line3{-webkit-transform:translate(-10px) rotate(-45deg) translate(15px);transform:translate(-10px) rotate(-45deg) translate(15px)}.line2{opacity:0}.pop-up-form{border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.5);display:flex;flex-direction:column;padding:25px}.form-cols-inputs{display:flex;flex-direction:row;justify-content:space-evenly}.pop-up-form label{font-size:25px;padding:0 10px 20px}.pop-up-form input,.pop-up-form select{font-size:20px;margin-top:5px;padding:3px}.pop-up-input{display:flex;flex-direction:column}.checkbox-section input{margin:40px 5px 32px 0}.submit-btn-section{margin:0 auto}@media screen and (max-width:900px){.pop-up-form label{font-size:19px}.pop-up-form input,.pop-up-form select{font-size:16px}.checkbox-section input{margin:35px 5px 27px 0}}@media screen and (max-width:650px){.pop-up{right:0;width:100%}.form-cols-inputs{flex-direction:column}.pop-up-form label{font-size:16px}.pop-up-form input,.pop-up-form select{font-size:12px}.checkbox-section input{margin:15px 2px;padding:0}}.grocery-item{display:flex}.grocery-card{border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.5);display:flex;justify-content:space-evenly;margin:20px;padding:20px;width:70%}.days-left{padding:30px 0 0 100px;text-align:center;width:200px}.days-left,.grocery-buttons{align-items:center;display:flex;flex-direction:column;float:right}.grocery-buttons{justify-content:center;margin-top:0;padding:0}@media screen and (max-width:950px){.grocery-card{align-items:center;flex-direction:column;text-align:center;width:80%}.icon{font-size:100px;padding:20px 0}.days-left{float:none;padding:20px 0;width:100%}}@media screen and (max-width:650px){.grocery-item{display:block;margin:10px auto;padding:10px}.grocery-card{margin-bottom:0}.grocery-buttons{flex-direction:row;float:none;justify-content:space-around}.grocery-card-list{margin:0 auto;width:90%}}.icon{color:#adc178;font-size:70px;padding:20px 100px 0 0}.delete,.update{cursor:pointer;font-size:40px;margin:0;padding:15px}.delete{color:#ae2012}.update{color:#588157}.fish{color:#005f73}.meat{color:#6c584c}.condiment{color:#9b2226}.leftover{color:#be95c4}.drink{color:#540b0e}.grain{color:#e9d8a6}.produce{color:#588157}.jar-can{color:#ae2012}.snack{color:#ca6702}.dairy{color:#ee9b00}.frozen{color:#0a9396}@media screen and (max-width:950px){.icon{font-size:100px;padding:20px 0}}.filter-input{display:flex;justify-content:start;padding:20px}.filter-col{padding:0 50px 0 5px;width:40%}.order-col{width:35%}.checkbox-section{display:flex;flex-wrap:wrap}.checkbox{padding:5px}@media screen and (max-width:650px){.filter-input{flex-direction:column;justify-content:center;padding:20px}.filter-col,.order-col{margin:0 auto;padding:20px;text-align:center;width:80%}.checkbox-section{justify-content:center}.checkbox{padding:5px}}
/*# sourceMappingURL=main.6c6ecd9a.css.map*/