*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--nav-hei:5rem;--light:#fbfff1;--light-trans:#fbfff180;--dark:#101010;--remove:#410000;--remove-trans:#41000080;--pri:#090c9b;--pri-light:#2b2ef3;--pri-trans:#090c9bbf;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}body{align-items:center;background-color:#000;color:#fbfff1;color:var(--light);display:flex;flex-direction:column;overflow-x:hidden;width:100vw}#root{background-color:#101010;background-color:var(--dark);max-width:2000px;width:100%}h1,h2,p{-webkit-user-select:none;user-select:none}nav{align-items:center;background-color:#000;display:flex;height:5rem;height:var(--nav-hei);justify-content:space-between;padding:0 1rem;width:100%;z-index:100}.product-container.featured nav{background:linear-gradient(#00000000,#00000080)}nav>span{gap:1rem}nav button,nav>span{align-items:center;display:flex;justify-content:center}nav button{background-color:initial;border:none;color:#fbfff1;color:var(--light);cursor:pointer;font-size:1rem;gap:.25rem;outline:none;padding:.5rem;transition:color 125ms ease}nav button:hover{color:#2b2ef3;color:var(--pri-light)}.nav-link{align-items:center;color:#fbfff1;color:var(--light);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;text-decoration:none}.logo-img{height:4rem;width:4rem}.cart-img{height:2.5rem;width:2.5rem}.profile-img{border-radius:50%;height:2rem;width:2rem}.promo-banner{background-color:#090c9b;background-color:var(--pri);font-size:1.25rem;line-height:3rem;text-align:center;width:100%}.search-container{background-color:#101010;background-color:var(--dark);flex-direction:column;margin-top:2rem;width:100%}.search-container,.search-suggestions{align-items:center;display:flex;justify-content:center}.search-suggestions{flex-wrap:wrap;gap:1rem;margin:2rem 0}.search-suggestions>li{align-items:center;border:1px solid #090c9b;border:1px solid var(--pri);box-shadow:inset 0 0 2rem #090c9bbf;box-shadow:inset 0 0 2rem var(--pri-trans);cursor:pointer;display:flex;justify-content:center;letter-spacing:2px;list-style:none;padding:1rem;transition:background-color .25s ease;width:8rem}.search-suggestions>li:hover{background-color:#090c9b;background-color:var(--pri)}.input-container{display:flex;height:3rem;justify-content:center;max-width:30rem;padding:0 1rem;width:100%}.search-box{background-color:initial;font-size:1.15rem;letter-spacing:1px;outline:none;padding-left:.5rem;width:80%}.search-box,.search-btn{border:1px solid #fbfff180;border:1px solid var(--light-trans);color:#fbfff1;color:var(--light)}.search-btn{align-items:center;background-color:#090c9bbf;background-color:var(--pri-trans);cursor:pointer;display:flex;justify-content:center;transition:background-color 125ms ease;width:20%}.search-btn>img{max-height:100%;max-width:100%;object-fit:contain;padding:.5rem}.search-btn:hover{background-color:#090c9b;background-color:var(--pri)}.featured-container{height:50vh;position:relative;width:100%}.featured-first,.featured-fourth,.featured-second,.featured-third{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.featured-first{-webkit-animation:featured-first-anim 30s linear infinite;animation:featured-first-anim 30s linear infinite;background:url(/projects/Proj05/static/media/butterflies.7fd043c009f0c6c37fc9.jpeg);background-position:50%;background-size:cover;position:absolute;z-index:50}.featured-second{-webkit-animation:featured-second-anim 30s linear infinite;animation:featured-second-anim 30s linear infinite;background:url(/projects/Proj05/static/media/dirt.550ce027aa4ba548faf6.jpeg);background-position:50%;background-size:cover;position:absolute;z-index:48}.featured-third{-webkit-animation:featured-third-anim 30s linear infinite;animation:featured-third-anim 30s linear infinite;background:url(/projects/Proj05/static/media/stars.1221c52385d0b43841cd.jpeg);background-position:50%;background-size:cover;position:absolute;z-index:47}.featured-fourth{-webkit-animation:featured-fourth-anim 30s linear infinite;animation:featured-fourth-anim 30s linear infinite;background:url(/projects/Proj05/static/media/lake.fca47e0fcc2c760e1ad8.jpeg);background-position:50%;background-size:cover;position:absolute;z-index:46}.featured-first-img,.featured-fourth-img,.featured-second-img,.featured-third-img{height:100%;object-fit:contain;object-position:center;padding:1rem;width:100%}@-webkit-keyframes featured-first-anim{0%{opacity:1}22%{opacity:1}25%{opacity:0;z-index:50}25.5%{z-index:-50}97%{opacity:0}to{opacity:1}}@keyframes featured-first-anim{0%{opacity:1}22%{opacity:1}25%{opacity:0;z-index:50}25.5%{z-index:-50}97%{opacity:0}to{opacity:1}}@-webkit-keyframes featured-second-anim{0%{opacity:1}47%{opacity:1}50%{opacity:0;z-index:49}50.5%{z-index:-49}to{opacity:0}}@keyframes featured-second-anim{0%{opacity:1}47%{opacity:1}50%{opacity:0;z-index:49}50.5%{z-index:-49}to{opacity:0}}@-webkit-keyframes featured-third-anim{0%{opacity:1}72%{opacity:1}75%{opacity:0;z-index:47}75.5%{z-index:-47}to{opacity:0}}@keyframes featured-third-anim{0%{opacity:1}72%{opacity:1}75%{opacity:0;z-index:47}75.5%{z-index:-47}to{opacity:0}}.home-no-results{font-size:1.5rem;letter-spacing:1px;min-height:50vh;padding-top:1rem;text-align:center;width:100%}.results-container{align-items:center;display:flex;justify-content:center}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));margin:5rem 0;width:80%}.book-container{border:1px solid #fbfff180;border:1px solid var(--light-trans);padding:1rem 1rem 2rem;position:relative}.book-link{color:#fbfff1;color:var(--light);cursor:pointer;text-decoration:none}.book-link>img{height:10rem;object-fit:contain;object-position:center;width:100%}.book-link>p{margin-top:.25rem;text-align:center}.book-price,.book-title{letter-spacing:1px}.book-price{padding:.25rem 0}.book-author{font-size:.9rem;font-style:italic;opacity:.8}.book-container>button{background-color:initial;border:none;border-top:1px solid #090c9b;border-top:1px solid var(--pri);bottom:0;box-shadow:inset 0 0 1.5rem #090c9bbf;box-shadow:inset 0 0 1.5rem var(--pri-trans);color:#fbfff1;color:var(--light);cursor:pointer;height:2rem;left:50%;letter-spacing:1px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:background-color 125ms ease;width:100%}.book-container>button.added,.book-container>button:hover{background-color:#090c9b;background-color:var(--pri)}.book-container>button.added{color:#fbfff1;color:var(--light)}.stars-container{--star-wid:1.5rem;--star-1:0;--star-2:0;--star-3:0;--star-4:0;--star-5:0;display:flex;justify-content:center;padding:.25rem 0;width:100%}.star{background-color:hsla(0,0%,100%,.15);-webkit-clip-path:polygon(50% 2.45%,61.8% 38.77%,100% 38.77%,69.1% 61.23%,80.9% 97.55%,50% 75.1%,19.1% 97.55%,30.9% 61.23%,0 38.77%,38.2% 38.77%);clip-path:polygon(50% 2.45%,61.8% 38.77%,100% 38.77%,69.1% 61.23%,80.9% 97.55%,50% 75.1%,19.1% 97.55%,30.9% 61.23%,0 38.77%,38.2% 38.77%);content:"";height:var(--star-wid);overflow:hidden;position:relative;width:var(--star-wid)}.star-1:after{box-shadow:-5rem 0 0 calc(var(--star-1)*var(--star-wid) + 5rem) #2b2ef3;box-shadow:-5rem 0 0 calc(var(--star-1)*var(--star-wid) + 5rem) var(--pri-light)}.star-1:after,.star-2:after{content:"";position:absolute}.star-2:after{box-shadow:-5rem 0 0 calc(var(--star-2)*var(--star-wid) + 5rem) #2b2ef3;box-shadow:-5rem 0 0 calc(var(--star-2)*var(--star-wid) + 5rem) var(--pri-light)}.star-3:after{box-shadow:-5rem 0 0 calc(var(--star-3)*var(--star-wid) + 5rem) #2b2ef3;box-shadow:-5rem 0 0 calc(var(--star-3)*var(--star-wid) + 5rem) var(--pri-light)}.star-3:after,.star-4:after{content:"";position:absolute}.star-4:after{box-shadow:-5rem 0 0 calc(var(--star-4)*var(--star-wid) + 5rem) #2b2ef3;box-shadow:-5rem 0 0 calc(var(--star-4)*var(--star-wid) + 5rem) var(--pri-light)}.star-5:after{box-shadow:-5rem 0 0 calc(var(--star-5)*var(--star-wid) + 5rem) #2b2ef3;box-shadow:-5rem 0 0 calc(var(--star-5)*var(--star-wid) + 5rem) var(--pri-light);content:"";position:absolute}.product-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;width:100%}.product-bg{inset:0;position:fixed;z-index:0}.product-bg.ftbid1{background:url(/projects/Proj05/static/media/butterflies.7fd043c009f0c6c37fc9.jpeg);background-position:50%;background-size:cover;-webkit-filter:blur(1rem) brightness(50%);filter:blur(1rem) brightness(50%)}.product-bg.ftbid2{background:url(/projects/Proj05/static/media/dirt.550ce027aa4ba548faf6.jpeg);background-position:50%;background-size:cover;-webkit-filter:blur(1rem) brightness(10%);filter:blur(1rem) brightness(10%)}.product-bg.ftbid3{background:url(/projects/Proj05/static/media/stars.1221c52385d0b43841cd.jpeg);background-position:50%;background-size:cover;-webkit-filter:brightness(50%);filter:brightness(50%)}.product-bg.ftbid4{background:url(/projects/Proj05/static/media/lake.fca47e0fcc2c760e1ad8.jpeg);background-position:50%;background-size:cover;-webkit-filter:blur(1rem) brightness(50%);filter:blur(1rem) brightness(50%)}.product-top{align-items:center;display:flex;justify-content:flex-start;margin-top:2rem;max-width:80rem;min-height:20rem;padding:1rem;width:100%;z-index:100}.product-container.featured .product-top{background-color:#00000080;border-radius:1rem 1rem 0 0;padding:3rem 3rem 1rem}.product-top>img{max-height:18rem;min-height:60%}.product-add-btn{background-color:initial;border:1px solid #090c9b;border:1px solid var(--pri);box-shadow:inset 0 0 2rem #090c9bbf;box-shadow:inset 0 0 2rem var(--pri-trans);color:#fbfff1;color:var(--light);cursor:pointer;height:3rem;letter-spacing:1px;margin-top:.5rem;transition:background-color 125ms ease;width:8rem}.product-add-btn.added,.product-add-btn:hover{background-color:#090c9b;background-color:var(--pri)}.product-add-btn.added{color:#fbfff1;color:var(--light)}.product-bottom{max-width:80rem;padding:1rem;width:100%;z-index:100}.product-container.featured .product-bottom{background-color:#00000080;border-radius:0 0 1rem 1rem;padding:1rem 3rem 3rem}.product-bottom>p{margin:1rem 0}.more-like-this{align-items:center;display:flex;justify-content:center;max-width:80rem;padding:1rem;position:relative;width:100%;z-index:100}.product-container.featured .more-like-this{margin:2rem 0;max-width:45rem;padding:0}.more-like-this>h2{position:absolute;text-align:center;top:0;width:100%}.related-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));margin-top:3rem;width:100%}.product-suggestion{align-items:center;border:1px solid #fbfff180;border:1px solid var(--light-trans);color:#fbfff1;color:var(--light);display:flex;flex-direction:column;padding:1rem;text-decoration:none}.product-suggestion>img{max-height:10rem;max-width:100%;object-fit:contain;object-position:center}.product-suggestion>p{margin-top:.25rem}.product-suggestion>.book-price{text-align:center;width:100%}.footer{align-items:center;background-color:#000;color:#fbfff1;color:var(--light);display:flex;flex-direction:column;justify-content:center;padding:.5rem 0;width:100%;z-index:100}.product-container.featured .footer{background:linear-gradient(#00000080,#00000000)}.footer>button{background-color:initial;border:1px solid #fbfff1;border:1px solid var(--light);color:#fbfff1;color:var(--light);cursor:pointer;letter-spacing:1px;margin:1rem 0;padding:.5rem 1rem;transition:background-color 125ms ease}.footer>button:hover{background-color:#090c9b;background-color:var(--pri)}.footer>p{opacity:.5;text-align:center;width:100%}.cart-main{display:flex;min-height:100vh;padding:1rem;width:100%}.cart-list{border-right:1px solid #090c9bbf;border-right:1px solid var(--pri-trans);width:calc(100% - 20rem)}h1.empty-cart{letter-spacing:1px;margin-top:1rem;text-align:center;width:100%}.cart-item{align-items:center;border-top:1px solid #fbfff180;border-top:1px solid var(--light-trans);display:flex;height:-webkit-max-content;height:max-content;justify-content:flex-start;padding:1rem;width:100%}.item-info{font-size:1.15rem;line-height:2rem;margin-left:1rem}.cart-list img{height:100%;max-height:12rem}.cart-calculations{background-color:#000;flex-direction:column;height:50vh;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:20rem}.cart-calculations,.cart-calculations p{display:flex;justify-content:space-between}.cart-calculations p{border-bottom:1px solid #fbfff180;border-bottom:1px solid var(--light-trans);margin-top:1rem}.item-qty{display:grid;grid-template-columns:repeat(3,2.5rem);margin:.25rem 0 1rem}.item-qty>p{text-align:center;vertical-align:middle}.cart-remove-btn{background-color:initial;border:1px solid #410000;border:1px solid var(--remove);box-shadow:inset 0 0 1.5rem #41000080;box-shadow:inset 0 0 1.5rem var(--remove-trans);color:#fbfff1;color:var(--light);cursor:pointer;height:2rem;letter-spacing:1px;transition:background-color 125ms ease;width:7.5rem}.cart-remove-btn:hover{background-color:#410000;background-color:var(--remove)}button.item-qty-decrease,button.item-qty-increase{align-items:center;background-color:initial;border:1px solid #fbfff180;border:1px solid var(--light-trans);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:border 125ms ease,background-color 125ms ease}button.item-qty-decrease:hover,button.item-qty-increase:hover{background-color:#090c9b;background-color:var(--pri);border:1px solid #2b2ef3;border:1px solid var(--pri-light)}button.item-qty-decrease>img,button.item-qty-increase>img{max-height:100%;max-width:100%}.checkout-btn,.checkout-btn-disabled{border:1px solid #fbfff1;border:1px solid var(--light);color:#fbfff1;color:var(--light);font-size:1rem;letter-spacing:1px;line-height:2.5rem;margin-top:2rem;text-align:center;text-decoration:none;transition:background-color 125ms ease}.checkout-btn{border:1px solid #090c9b;border:1px solid var(--pri);box-shadow:inset 0 0 3rem #090c9bbf;box-shadow:inset 0 0 3rem var(--pri-trans)}.checkout-btn:hover{background-color:#090c9b;background-color:var(--pri)}.checkout-btn-disabled{border:1px solid #fbfff180;border:1px solid var(--light-trans);color:#fbfff180;color:var(--light-trans);-webkit-user-select:none;user-select:none}.login-box{align-items:center;display:flex;flex-direction:column;gap:2rem;height:calc(100% - 5rem);height:calc(100% - var(--nav-hei));justify-content:center;position:absolute;top:5rem;top:var(--nav-hei);width:100%}.login-box h2{letter-spacing:1px}.google-btn,.login-box h2{color:#fbfff1;color:var(--light)}.google-btn{background-color:initial;background-color:#db4939;border:none;border-radius:999px;color:#000;cursor:pointer;display:flex;height:3rem;outline:none;overflow:hidden;transition:width .5s ease,color .5s ease;width:3rem}.google-btn:hover{width:13rem}.google-btn>img{min-height:3rem;min-width:3rem;padding:.25rem}.google-btn>span{font-size:1rem;line-height:3rem;min-width:10rem;vertical-align:middle}.checkout-page{background-color:#101010;background-color:var(--dark);display:flex;flex-direction:column;gap:3rem;justify-content:space-between;min-height:100vh;overflow:hidden;width:100vw}.purchased-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:1rem;width:100%}.purchased-container h2,.purchased-container p{letter-spacing:1px;text-align:center}.purchased-list{display:flex;flex-wrap:wrap;justify-content:center;padding:1rem}.purchased{align-items:center;border:1px solid #090c9bbf;border:1px solid var(--pri-trans);color:#fbfff1;color:var(--light);display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:1rem;text-decoration:none;width:12rem}.purchased img{max-height:10rem;max-width:10rem;object-fit:contain}.checkout-home-link{border:1px solid #090c9b;border:1px solid var(--pri);box-shadow:inset 0 0 3rem #090c9bbf;box-shadow:inset 0 0 3rem var(--pri-trans);color:#fbfff1;color:var(--light);letter-spacing:1px;line-height:3rem;padding:0 1rem;text-decoration:none;transition:background-color 125ms ease}.checkout-home-link:hover{background-color:#090c9b;background-color:var(--pri)}.not-found{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;width:100%}.not-found>section{height:50%;width:100%}.not-found-top{background:linear-gradient(#6a4300,#680b00);position:relative}.tumble-weed-container{-webkit-animation:tumble-move 10s linear infinite;animation:tumble-move 10s linear infinite;bottom:0;height:5rem;position:absolute;width:5rem}@-webkit-keyframes tumble-move{0%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem)}to{-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes tumble-move{0%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem)}to{-webkit-transform:translateX(2000px);transform:translateX(2000px)}}.tumble-weed-container>svg{-webkit-animation:tumble-rotate 1.5s linear infinite;animation:tumble-rotate 1.5s linear infinite;color:#000}@-webkit-keyframes tumble-rotate{0%{-webkit-transform:translateY(.5rem) rotate(0);transform:translateY(.5rem) rotate(0)}50%{-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}to{-webkit-transform:translateY(.5rem) rotate(1turn);transform:translateY(.5rem) rotate(1turn)}}@keyframes tumble-rotate{0%{-webkit-transform:translateY(.5rem) rotate(0);transform:translateY(.5rem) rotate(0)}50%{-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}to{-webkit-transform:translateY(.5rem) rotate(1turn);transform:translateY(.5rem) rotate(1turn)}}.not-found-bottom{align-items:center;background-color:#000;color:#fbfff1;color:var(--light);display:flex;flex-direction:column;z-index:20}.not-found-bottom h1{letter-spacing:1px;margin:1rem}.back-home-link{color:#fbfff1;color:var(--light);text-decoration:none}.back-home-link:hover{opacity:.5}.justify-left{justify-content:flex-start}@media (max-width:768px){.cart-calculations{position:static}.cart-main{flex-direction:column-reverse;justify-content:flex-end}.cart-list{border:none;width:100%}.cart-calculations{height:auto;width:100%}.logo-img{height:3rem;width:3rem}}@media (max-width:500px){.cart-item,.item-info{flex-direction:column}.item-info{align-items:center;display:flex}.product-top{flex-direction:column;margin:0;padding:2rem}.product-container.featured .product-bottom{padding:1rem}.product-container.featured .product-top{border-radius:0;padding:2rem 1rem 1rem}.product-container.featured .more-like-this{padding:1rem}.stars-container.justify-left{justify-content:center}.product-container .book-title{text-align:center;width:100%}.purchased img{width:100%}}
/*# sourceMappingURL=main.122da773.css.map*/