:root{--my-color:#4292c6}html{overflow:auto}body,html{height:100%}body{background-image:linear-gradient(#78bde2,#fff,#78bde2)}#root{align-items:center;display:flex;flex-direction:column}#nav-tabs{position:relative;display:flex;align-items:flex-end;width:auto;height:8vh;z-index:99;overflow:hidden}.nav-tab{background:#4292c6;background:var(--my-color);color:#fff;padding:6px 10px;max-height:30px;box-shadow:0 -3px 5px rgba(0,0,0,.2)}.selected-tab{background:#f0f0f0;color:#444;padding-bottom:11px;margin-top:1px}.user-dashboard{height:75vh;grid-column:1/3}.sign-in,.user-dashboard{overflow-y:scroll;max-height:600px;display:flex}.sign-in{flex-direction:column;text-align:center;align-items:center;height:80vh;padding:20px}.webkit-scroll{-webkit-overflow-scrolling:touch}.sign-in .card{width:100%;max-width:500px}.link-text{color:#4292c6;color:var(--my-color);font-size:16px;cursor:pointer}.link-text:hover{font-style:italic;text-decoration:underline}.about-app{height:1px;overflow:hidden;padding:8px}.show-about-app{-webkit-animation-name:showAboutApp;animation-name:showAboutApp;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes showAboutApp{0%{height:1px}95%{height:250px}to{height:auto}}@keyframes showAboutApp{0%{height:1px}95%{height:250px}to{height:auto}}.sign-out,.stats-container{justify-content:center;padding:30px;width:50%}.sign-in-help{padding:10px 20px}.social-login,.username-login{overflow:hidden;width:100%}.username-login{display:none}.signin-animation{-webkit-animation-name:signInAnimation;animation-name:signInAnimation;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes signInAnimation{40%{width:1px}50%{width:1px;padding:0}to{width:100%;padding:10px 20px}}@keyframes signInAnimation{40%{width:1px}50%{width:1px;padding:0}to{width:100%;padding:10px 20px}}.error-text{color:red}.policy-container,.support-container{padding:10px;position:unset!important}.dash-policy-container{text-align:center;display:flex;flex-direction:column;margin-bottom:20px}.policy-container>div{padding:10px;display:inline}.policy-link{cursor:pointer}.policy-link:hover{font-style:italic;font-weight:700}#privacypolicy,#report-bug,#support-project,#termsofservice{position:absolute;top:2%;left:50%;height:96%;max-height:800px;width:96%;max-width:700px;padding-top:20px;background:#fff;display:none;border:1px dashed #000;border-radius:10px;overflow-y:scroll}#privacypolicy>iframe,#termsofservice>iframe{height:90%;width:90%;box-shadow:0 0 20px rgba(0,0,0,.1)}.show-policy{display:block!important;-webkit-animation-name:showPolicy;animation-name:showPolicy;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes showPolicy{0%{-webkit-transform:translate(-50%) scale(.1);transform:translate(-50%) scale(.1);z-index:99}to{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);z-index:99}}@keyframes showPolicy{0%{-webkit-transform:translate(-50%) scale(.1);transform:translate(-50%) scale(.1);z-index:99}to{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);z-index:99}}.close-policy{cursor:pointer}#report-bug,#support-project{padding:20px}.thanks-gif{width:100%;max-width:400px;margin-top:20px}.user-dashboard h5{text-align:center;text-transform:uppercase;margin-top:0}.sign-in-button{margin:10px 0;width:100%;position:relative;overflow:hidden}.facebook>a,.google>a{color:#fff}.facebook>a>img,.google>a>img{height:60px;-webkit-transform:translate(-30px,-10px);transform:translate(-30px,-10px);opacity:.5;position:absolute;left:40px}.sign-in-button>i{-webkit-transform:translate(-10px) scale(4);transform:translate(-10px) scale(4);opacity:.5;position:absolute;left:40px}.stat-outer-container{border:1px dashed #000;padding:5px 10px 10px}.section-title-container{width:100%}.stat-section-title{font-weight:700;border-bottom:1px solid #000;display:inline-block;padding:0 25px 0 0;margin-bottom:4px}.stat-bars-container{display:flex}.complete-bars-container,.incomplete-bars-container{display:flex;border-radius:8px;overflow:hidden}.stat-bars{height:20px;border:solid hsla(0,0%,100%,.5);border-width:0 0 0 1px}.profile-info{padding:20px}.profile-info>img{border-radius:6px}.profile-info>button,.profile-info>img{margin-left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.profile-info>div{background-color:hsla(0,0%,60.8%,.2);padding:5px;border:1px dashed #000;border-radius:3px;margin:4px 0}.profile-info .btn-large i{font-size:3rem}.profile-info .btn-large{margin-left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#links-icons{display:flex;flex-wrap:wrap}#links-icons>div{margin:0 5px}#links-icons .links-icons{height:30px;width:30px;border-radius:5px;box-shadow:0 4px 5px rgba(0,0,0,.6);overflow:hidden}.delete-social-icons{-webkit-transform:translate(12px,-35px);transform:translate(12px,-35px);height:25px;width:25px;background:#fff;text-align:center;border-radius:50%;border:1px solid #000;cursor:pointer}.delete-social-icons:hover{background:#4292c6;background:var(--my-color);color:#fff;border-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.6)}.logout-button{margin-left:50%;margin-top:10px;-webkit-transform:translate(-50%);transform:translate(-50%)}.logout-button>a,.logout-button>a>label{cursor:pointer;color:#fff}#main h4{padding-top:15px;height:10vh}#main h4,h5.food-titles{color:#444;text-align:center;margin:0;border-bottom:1px dashed #000;cursor:pointer}#main h4:hover,h5.food-titles:hover{color:#4292c6;color:var(--my-color)}h5.food-titles{display:flex;justify-content:center;align-items:center;height:8%}#home{height:80vh}#main{box-shadow:0 0 20px rgba(0,0,0,.2);overflow:hidden;box-sizing:border-box;width:700px;background-color:#f0f0f0;margin-bottom:20px}#books-and-details{display:grid;grid-template-columns:1fr 1fr;height:75vh;max-height:600px;width:100%;overflow:hidden}.book-list{position:relative;margin:0 0 0 -10px;-webkit-overflow-scrolling:touch;overflow-x:hidden;padding:0}::-webkit-scrollbar{width:0}#book-details{height:100%;background:#4292c6;background:var(--my-color);padding:0 30px;overflow:auto;box-shadow:-2px -3px -5px rgba(0,0,0,.3);box-sizing:border-box;color:#fff}.book-list li{display:flex;margin:0 0 0 10px;background-color:#fff;cursor:pointer;color:#4292c6;color:var(--my-color);-webkit-transform:translateX(100%);transform:translateX(100%)}#filter-by-genre{margin:0;padding:0 20px;background-color:#fff;border-bottom:1px dotted #000}#filter-by-genre select{margin:0;border:none}#grocery-and-recipe{overflow:hidden}#grocery-list,#recipe-list{height:45%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.slide-book-left{-webkit-animation-name:slideLeft;animation-name:slideLeft;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.book-list li:hover{box-shadow:inset 0 0 5px rgba(0,0,0,.3)}.book-list li.selected{background:#4292c6;background:var(--my-color);color:#fff;box-shadow:1px 2px 10px rgba(0,0,0,.5)}.booklist-text{width:90%;padding:10px;border-bottom:1px dotted #000}.book-list li.selected .booklist-text{color:#fff!important}.completed{text-decoration:line-through}#delete-book{background:inherit;overflow:hidden}#delete-book,#edit-item{border:none;color:inherit;cursor:pointer}#edit-item{background:none}#delete-book:hover,#edit-item:hover{color:red}.complete-button-clicked{-webkit-animation-name:crossOut;animation-name:crossOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes crossOut{0%{height:16px;width:5%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{height:2px;width:5%;background:rgba(0,0,0,.5);overflow:hidden;-webkit-transform:translateY(20px) rotate(180deg);transform:translateY(20px) rotate(180deg)}to{width:90%;height:2px;background:rgba(0,0,0,.5);overflow:hidden;-webkit-transform:translate(20px,20px) rotate(180deg);transform:translate(20px,20px) rotate(180deg)}}@keyframes crossOut{0%{height:16px;width:5%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{height:2px;width:5%;background:rgba(0,0,0,.5);overflow:hidden;-webkit-transform:translateY(20px) rotate(180deg);transform:translateY(20px) rotate(180deg)}to{width:90%;height:2px;background:rgba(0,0,0,.5);overflow:hidden;-webkit-transform:translate(20px,20px) rotate(180deg);transform:translate(20px,20px) rotate(180deg)}}.delete-button-clicked{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.book-details-container h5{text-align:center;padding:5px;border-bottom:1px solid hsla(0,0%,100%,.5)}.book-details{display:grid;grid-template-columns:1fr 1fr}.book-details-header{border-bottom:1px solid hsla(0,0%,100%,.3)}.book-details-text ul{margin:5px;font-weight:700}#amazon{margin:0;padding:0}#amazon>img:hover{box-shadow:0 0 10px #fff}.other-books{margin-left:30px}#add-button{position:absolute;color:#4292c6;color:var(--my-color);background-color:#fff;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px dashed #000;box-shadow:0 0 5px rgba(0,0,0,.5);border-radius:50%;font-size:20px;font-weight:700;height:30px;width:30px;line-height:0;padding:0 0 4px;cursor:pointer}#add-button:hover{box-shadow:0 0 15px rgba(211,170,170,.6)}#add-forms{width:700px;background-color:#fff;border-top:1px dashed #000;height:20px;overflow:hidden}.add-todos-container{width:100%}#show-grocery-form,#show-recipe-form{width:40%;margin:10px 5%}#add-authors,#add-books,#recipe-or-grocery{background:#fff;padding:10px;margin:20px 10px;box-shadow:0 0 10px rgba(0,0,0,.3)}#add-authors{left:0}#ingredient-list>div,.ing{display:inline-block}.ing{border:1px dashed #000;padding:4px 6px 4px 4px;margin:5px 5px 0 0}.remove-ing{-webkit-transform:translate(-10px);transform:translate(-10px);padding:0 5px 2px;display:inline-block;background-color:#d3d3d3;cursor:pointer}.remove-ing:hover{background-color:#4292c6;background-color:var(--my-color);color:#fff;box-shadow:0 0 5px rgba(0,0,0,.5)}.add-button-container{position:absolute;top:10px;width:46%;text-align:right}#add-author{display:none}#add-book-button{margin-top:1.6rem}#add-book-and-author-button{margin-top:20px}#book-autofill{background:#fff;padding:10px;height:120px;width:100%;max-width:250px;overflow-y:scroll;box-shadow:0 0 10px rgba(0,0,0,.3)}.book-autofill{display:grid;grid-template-columns:1fr 1fr 1fr;padding:5px;border-bottom:1px dashed #000}.book-autofill>div{grid-column:2/4;cursor:pointer}.book-autofill:hover{background:#d3d3d3}@media only screen and (max-width:740px){#main{width:94%;padding:0}#add-forms{width:100%}}@media only screen and (max-width:600px){.user-dashboard{display:block}.sign-out,.stats-container{width:100%}}@media only screen and (max-width:500px){#books-and-details{display:inherit}#grocery-and-recipe{height:82%}.book-list{height:90%}#grocery-list,#recipe-list{height:45%}#add-forms{grid-template-columns:1fr}#main h4#food-list-title{border-bottom:none}h5.food-titles{background-color:#d3d3d3;height:auto}#book-details,h5.food-titles{border-radius:10px 10px 0 0}#show-grocery-form,#show-recipe-form{width:80%;margin:10px 10%}}@media only screen and (max-width:360px){.datepicker-modal{min-width:auto!important}.datepicker-controls,.datepicker-footer,.datepicker-table{width:100%!important}.logout-button{padding:0 8px!important}.logout-button>a>i.right{margin-left:5px}}@media only screen and (max-height:500px){#main h4{padding-top:5px}}@media only screen and (max-height:380px){#main h4{font-size:24px}}.row{margin-bottom:10px!important}.input-field{margin-bottom:0}.btn{background-color:#4292c6;background-color:var(--my-color)}select.browser-default{margin-top:5px}.input-field .prefix.active,input[type=text]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#4292c6!important;color:var(--my-color)!important}.row .input-field input:focus,textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #4292c6!important;border-bottom:1px solid var(--my-color)!important;box-shadow:0 1px 0 0 #4292c6!important;box-shadow:0 1px 0 0 var(--my-color)!important}.input-field{margin-bottom:0!important}.dropdown-content li>span{font-size:14px!important;color:#4292c6!important;color:var(--my-color)!important}.select-dropdown li.disabled>span{color:rgba(0,0,0,.3)!important}.btn{background-color:#4292c6!important;background-color:var(--my-color)!important}.datepicker-table td.is-today{color:#4292c6!important;color:var(--my-color)!important}.datepicker-date-display,.datepicker-table td.is-selected{background-color:#4292c6!important;background-color:var(--my-color)!important;color:#fff!important}.datepicker-cancel,.datepicker-clear,.datepicker-done,.datepicker-today{color:#4292c6!important;color:var(--my-color)!important}.datepicker-modal{width:100%!important;position:relative!important}.modal-overlay{opacity:0!important}[type=checkbox]:checked+span:not(.lever):before{border-right:2px solid #4292c6!important;border-right:2px solid var(--my-color)!important;border-bottom:2px solid #4292c6!important;border-bottom:2px solid var(--my-color)!important}
/*# sourceMappingURL=main.bbc7b7a0.chunk.css.map */