.HomePageProductsContainer{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:20px;gap:20px;justify-content:center}@media (min-width:920px){.HomePageProductsContainer{grid-template-columns:repeat(4,1fr)}}.ProductContainer{position:relative;width:100%;max-width:230px;margin:1rem auto;display:flex;justify-content:center;align-items:center}.HomePageProductImage{box-shadow:10px 10px 0 0 #000000;width:100%;position:relative;z-index:1}.HomePageProductImage:hover,.ImageOverlay:hover{cursor:pointer}.ImageOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);color:white;font-size:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;opacity:0;transition:background-color .5s ease,opacity .5s ease;z-index:2}.ImageOverlay:hover{background-color:rgba(0,0,0,.7);opacity:1}.Footer{background-color:rgb(32,13,51);border:3px solid #000000;box-shadow:10px 10px 0 0 #000000;border-radius:25px;color:white;width:90%;height:auto;margin:2rem auto;flex-direction:column;gap:2rem}.Footer,.WarningLabel{padding:2rem;display:flex}.WarningLabel{margin-top:2rem;justify-content:center;align-items:center;text-align:justify}.WarningLabelText{width:100%;margin-left:auto;margin-right:auto}.socialMediaButtons{display:flex;justify-content:center;gap:10px}.socialMediaButton{width:30px;height:30px}.socialMediaButton:hover{cursor:pointer}@media (max-width:768px){.HomePageProductsContainer{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.ProductContainer{max-width:150px;margin:.5rem auto}.HomePageProductImage{box-shadow:5px 5px 0 0 #000000}.Footer{width:100%;margin:1rem auto;gap:1rem}.Footer,.WarningLabel{padding:1rem;font-size:.875rem}.WarningLabel{margin-top:1rem}.socialMediaButton{width:20px;height:20px}.HomePageProductImage:hover .ImageOverlay,.ImageOverlay,.ImageOverlay:hover{background-color:rgba(0,0,0,.7);opacity:1}}.Pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:2rem auto}.PaginationButton{background-color:#200d33;color:white;border:2px solid #000000;border-radius:5px;padding:.5rem 1rem;transition:background-color .3s ease}.PaginationButton:hover{background-color:#3e1a66;cursor:pointer}.PaginationButton:disabled{background-color:#555555}.PageButton:hover{background-color:#8f8f8f;cursor:pointer}.PageButton:disabled{background-color:#555555;cursor:not-allowed}.singleProductContainer{background-color:rgb(32,13,51);box-shadow:5px 5px #000000;border:3px solid #000000;border-radius:25px;width:70vw;max-width:1200px;color:white;height:auto;margin:5vh auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;align-items:center;padding:20px}.singleProductImage{width:100%;max-width:800px;border-radius:25px;box-shadow:10px 10px #000000;margin:0 auto}.SingleProductLineOne,.SingleProductLineTwo{height:1px;background-color:rgb(255,255,255);width:100%;margin-top:5vh}.SingleProductDescription,.SingleProductInStock,.SingleProductName,.SingleProductQuantity,.SingleProductRating{font-size:1.5rem;padding:20px}.SingleProductInStockandQuantityContainer,.SingleProductPriceandButtonContainer{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;padding:20px}.SingleProductCartButton{width:200px;height:50px;font-size:20px;box-shadow:10px 10px #000000;cursor:pointer}.SingleProductCartButton:hover{background-color:#000000;color:white;box-shadow:10px 10px #ffffff}@media (max-width:768px){.singleProductContainer{width:90vw;grid-template-columns:1fr;padding:10px}.singleProductImage{max-width:100%}.SingleProductDescription,.SingleProductInStock,.SingleProductName,.SingleProductQuantity,.SingleProductRating{font-size:1.25rem;padding:10px;text-align:center}.SingleProductInStockandQuantityContainer,.SingleProductPriceandButtonContainer{flex-direction:column;padding:10px}.SingleProductCartButton{width:100%;font-size:18px;height:40px}}.SimilarProductsContainer{background-color:rgb(32,13,51);border:3px solid #000000;border-radius:25px;box-shadow:10px 10px 0 0 #000000;width:70vw;max-width:1200px;color:white;height:auto;margin:15vh auto 0;padding:20px;display:flex;flex-direction:column;align-items:center}.SimilarProductsHeading{font-size:2rem;padding-top:20px;width:100%;text-align:center}.SimilarProductsDisplayContainer{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;padding:20px 0}.SimilarProductContainer{width:100%;height:auto;position:relative;margin:auto}.SimilarProductImage,.SimilarProductImageOverlay{width:100%;box-shadow:10px 10px #000000}.SimilarProductImageOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);color:white;font-size:1.5rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:background-color .5s ease,opacity .5s ease}.SimilarProductContainer:hover .SimilarProductImageOverlay{background-color:rgba(0,0,0,.7);opacity:1;cursor:pointer}@media (max-width:768px){.SimilarProductsDisplayContainer{grid-template-columns:repeat(1,1fr)}}.LogInContainer{background-color:rgb(32,13,51);border:3px solid #000000;border-radius:25px;color:white;box-shadow:10px 10px 0 0 #000000;width:70vw;max-width:1450px;height:auto;margin:10vh auto 0;position:relative;padding:20px}.LogInFormWrapper{position:relative;width:100%;height:auto;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.LoginFormLabel{font-size:30px}.LoginInput{font-size:20px}.LogInSubmitbutton{font-size:25px;box-shadow:10px 10px 0 0 #000000}.LogInSubmitbutton:hover{cursor:pointer;background-color:#000000;color:white;box-shadow:10px 10px 0 0 #ffffff}.DisplayUsers__selectUserheading{color:white;font-size:50px;margin-top:15vh;display:flex;width:70vw;justify-content:center;margin-left:auto;margin-right:auto}.DisplayUsers__selectUserContainer{background-color:rgb(32,13,51);border:3px solid #000000;box-shadow:10px 10px 0 0 #000000;border-radius:25px;width:70vw;max-width:1450px;height:auto;margin:20px auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:20px;gap:20px;padding:20px}.DisplayUsers__UserContainer{position:relative;width:100%;padding-top:100%}.DisplayUsers__UserImageOverlay,.DisplayUsers__selectUserImage{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:transparent;transition:color .5s ease;object-fit:cover}.DisplayUsers__UserImageOverlay:hover{cursor:pointer;background-color:rgba(0,0,0,.7);color:#ffffff;opacity:1}@media (max-width:768px){.DisplayUsers__selectUserContainer,.LogInContainer{width:90vw}.DisplayUsers__selectUserheading,.LogInSubmitbutton,.LoginFormLabel,.LoginInput{font-size:20px}.DisplayUsers__selectUserContainer{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.LogInFormWrapper{gap:10px}.LogInContainer{margin:5vh auto}.LogInSubmitbutton,.LoginFormLabel,.LoginInput{width:100%;max-width:300px}.DisplayUsers__selectUserheading{font-size:30px;margin-top:10vh}.DisplayUsers__UserContainer{padding-top:150%}.DisplayUsers__UserImageOverlay,.DisplayUsers__selectUserImage{font-size:smaller}}@media (max-width:480px){.DisplayUsers__selectUserContainer,.LogInContainer{width:95vw}.LogInSubmitbutton,.LoginFormLabel,.LoginInput{font-size:18px}.DisplayUsers__selectUserheading{font-size:25px;margin-top:8vh}.DisplayUsers__UserContainer{padding-top:200%}.DisplayUsers__UserImageOverlay,.DisplayUsers__selectUserImage{font-size:x-small}}.CategoryDisplayContainer{margin-top:10vh;width:70vw;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:60px;gap:60px;max-width:1200px}.CategoryContainer{max-width:550px;height:230px;box-shadow:15px 15px #000000;font-size:30px;position:relative;border-radius:8px;background-color:#444;transition:all .2s ease}.CategoryContainer,.CategoryOverlay{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:white}.CategoryOverlay{cursor:pointer;position:absolute;top:0;left:0;height:100%;background-color:rgba(0,0,0,0);font-size:50px;opacity:0;transition:background-color .5s ease,opacity .5s ease}.CategoryOverlay:hover{background-color:rgba(0,0,0,.7);opacity:1}.last-box{grid-column:1/-1;width:100%;max-width:800px;height:230px;font-size:80px;display:flex;justify-content:center;align-items:center;box-shadow:15px 15px #000000;border-radius:8px;background-color:#444;color:white;transition:all .2s ease}@media (max-width:1200px){.CategoryDisplayContainer{width:80vw;grid-template-columns:repeat(2,1fr);gap:50px}.CategoryContainer{max-width:450px;height:200px;font-size:26px}.CategoryOverlay{font-size:40px}.last-box{max-width:600px;font-size:60px}}@media (max-width:992px){.CategoryDisplayContainer{width:90vw;grid-template-columns:1fr;gap:40px}.CategoryContainer{max-width:400px;height:180px;font-size:24px}.CategoryOverlay{font-size:36px}.last-box{max-width:500px;font-size:50px}}@media (max-width:768px){.CategoryDisplayContainer{width:95vw;gap:30px}.CategoryContainer{max-width:350px;height:160px;font-size:22px}.CategoryOverlay{font-size:32px}.last-box{max-width:400px;font-size:40px}}@media (max-width:576px){.CategoryDisplayContainer{width:100vw;padding:5px;gap:20px}.CategoryContainer{max-width:300px;height:140px;font-size:20px}.CategoryOverlay{font-size:28px}.last-box{max-width:350px;font-size:36px}}.filteredByCategoryProductsContainer{margin-top:10vh;width:70vw;color:white;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:60px;gap:60px;max-width:1200px}.filteredProductContainer{width:100%;max-width:450px;color:white;height:450px;position:relative}.filteredProductImage{width:100%;height:100%;box-shadow:10px 10px #000000;position:absolute;border-radius:8px}.filteredProductImageOverlay{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);color:white;font-size:50px;text-align:center;display:flex;align-items:center;justify-content:center;opacity:0;transition:background-color .5s ease,opacity .5s ease}.filteredProductImageOverlay:hover{background-color:rgba(0,0,0,.7);opacity:1}.CategoryDisplayHeaderDiv{display:flex;color:white;justify-content:center;align-items:center;height:20px;font-size:50px;margin-top:5vh}@media (max-width:1200px){.filteredByCategoryProductsContainer{width:80vw;grid-template-columns:repeat(2,1fr);gap:50px}.filteredProductContainer{max-width:350px;height:350px}.CategoryDisplayHeaderDiv,.filteredProductImageOverlay{font-size:40px}}@media (max-width:992px){.filteredByCategoryProductsContainer{width:90vw;grid-template-columns:1fr;gap:40px}.filteredProductContainer{max-width:300px;height:300px}.CategoryDisplayHeaderDiv,.filteredProductImageOverlay{font-size:36px}}@media (max-width:768px){.filteredByCategoryProductsContainer{width:95vw;gap:30px}.filteredProductContainer{max-width:250px;height:250px}.CategoryDisplayHeaderDiv,.filteredProductImageOverlay{font-size:32px}}@media (max-width:576px){.filteredByCategoryProductsContainer{width:100vw;padding:5px;gap:20px}.filteredProductContainer{max-width:200px;height:200px}.CategoryDisplayHeaderDiv,.filteredProductImageOverlay{font-size:28px}}.UserInfoContainer{background-color:rgb(32,13,51);border:3px solid #000000;border-radius:25px;box-shadow:10px 10px 0 0 #000000;width:70vw;max-width:1200px;height:400px;margin:5vh auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:center;padding:20px}.AccountImage{width:100%;max-width:300px;height:auto;aspect-ratio:1/1;border-radius:50%;box-shadow:10px 10px 0 0 #000000;margin:0 auto}.UserInfo,.UserInfoHeader{color:white;text-align:center;padding:10px}.UserInfoHeader{font-size:2rem}.UserInfo{font-size:1.5rem}@media (max-width:768px){.UserInfoContainer{grid-template-columns:1fr;height:auto;padding:10px}.AccountImage{max-width:200px}.UserInfo,.UserInfoHeader{font-size:1.25rem}}.UsernameAndPasswordContainer{color:white;text-align:center;height:205px}.UsernameAndPasswordContainer,.ViewOrderHistoryContainer{margin:100px auto 0;background-color:rgb(32,13,51);border:3px solid #000000;box-shadow:10px 10px 0 0 #000000;border-radius:25px;width:70vw;max-width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:30px}.ViewOrderHistoryContainer{height:500px}@media (max-width:768px){.UsernameAndPasswordContainer,.ViewOrderHistoryContainer{width:90vw;height:auto;padding:20px;font-size:20px}}.ViewOrderHistoryButton{height:75px;width:200px;text-align:center;font-size:20px;box-shadow:10px 10px 0 0 #000000;background-color:transparent;color:white;border:none;transition:background-color .3s,color .3s;cursor:pointer;display:inline-block;margin:20px}.ViewOrderHistoryButton:hover{background-color:#ffffff;color:rgb(32,13,51);box-shadow:10px 10px 0 0 #ffffff}@media (max-width:768px){.ViewOrderHistoryButton{width:100%;max-width:300px;font-size:18px;padding:10px 20px}}.AddMunnyToAccountContainer{color:white;background-color:rgb(32,13,51);border:3px solid #000000;border-radius:25px;box-shadow:10px 10px 0 0 #000000;width:70vw;max-width:1200px;height:500px;margin:100px auto 0;justify-content:center;font-size:2.5rem;padding:20px}.AddMunnyToAccountContainer,.MoneyInputContainer{display:flex;flex-direction:column;align-items:center}.MoneyInputContainer{width:100%;max-width:300px;margin:0 auto}.MoneyInput{margin-bottom:20px}.AddMoneyButton,.MoneyInput{width:100%;height:50px;box-shadow:10px 10px 0 0 #000000;font-size:20px}.AddMoneyButton{cursor:pointer}@media (max-width:768px){.AddMunnyToAccountContainer{width:90vw;font-size:1.5rem;padding:10px}.AddMoneyButton,.MoneyInput{font-size:18px}}.AddressContainer{color:white;background-color:rgb(32,13,51);border:3px solid #000000;border-radius:25px;box-shadow:10px 10px 0 0 #000000;width:70vw;max-width:1200px;height:350px;margin:100px auto 0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;padding:20px}@media (max-width:768px){.AddressContainer{width:90vw;font-size:1.5rem;padding:10px}}.userpassword{background-color:rgb(0,0,0);color:rgb(0,0,0);padding:10px 20px;border:none;width:100%;max-width:300px;margin:0 auto}.userpassword:hover{color:rgb(255,255,255);background-color:#92929200}.CartContainer{width:70vw;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px;padding:20px}.CartItemContainer{background-color:rgb(32,13,51);border:3px solid #000000;box-shadow:10px 10px 0 0 #000000;border-radius:45px;color:white;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px}.CartItemInfoDiv{flex:1 1 300px;margin-top:3rem;font-size:1.5rem;padding:10px}.CartItemImage{width:100%;max-width:400px;height:auto;aspect-ratio:1/1;box-shadow:10px 10px 0 0 #000000}.CartItemImageAndQuantDiv{flex-direction:column;text-align:center;flex:1 1}.CartItemImageAndQuantDiv,.CartQuantity{display:flex;justify-content:center;align-items:center}.CartQuantity{padding-top:2rem;gap:15px}.CartQuantityText{padding-top:1.8rem}.CartQuantityControls{display:flex;align-items:center;gap:10px;margin-top:1rem}.CartQuantityButton{width:35px;height:35px;font-size:1.2rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px solid #000000;border-radius:5px;background-color:#ffffff}.CartQuantityDisplay{font-weight:700;padding:5px 10px;background-color:rgba(255,255,255,.1);border-radius:5px;border:1px solid rgba(255,255,255,.3)}.DeleteItemFromCartButton{height:50px;font-size:1.25rem;display:flex;margin-top:2rem;justify-content:center;align-items:center;cursor:pointer}.CartQuantityButton:hover,.DeleteItemFromCartButton:hover{background-color:#000000;color:white;box-shadow:10px 10px #ffffff}@media (max-width:1200px){.CartContainer{width:80vw}}@media (max-width:992px){.CartContainer{width:90vw}}@media (max-width:768px){.CartContainer{width:90vw}.CartItemContainer{flex-direction:column}.CartItemImage{max-width:80%;margin:0 auto}.CartItemImageAndQuantDiv{max-width:100%}.CartItemInfoDiv,.CartQuantity,.CartQuantityText{text-align:center}.CartItemInfoDiv,.CartQuantityButton,.DeleteItemFromCartButton{width:100%;margin-top:1rem}}.EmptyCartMessage{height:200px;margin-left:13%;justify-content:center;border-radius:25px;border-style:solid;color:#ffffff;gap:40px}.EmptyCartMessage,.PurchaseOrderandTotalContainer{width:70vw;background-color:rgb(32,13,51);display:flex;align-items:center;border:#000000;box-shadow:10px 10px #000000;font-size:20px}.PurchaseOrderandTotalContainer{border-width:3px;border-style:solid;border-radius:45px;color:white;margin-top:30px;max-width:1200px;height:100px;justify-content:space-around;padding:10px}.PurchaseItemsButton{width:300px;height:50px;box-shadow:10px 10px #000000;font-size:25px;border-radius:8px;border:none;background-color:#444;color:white;transition:all .2s ease}.PurchaseItemsButton:hover{cursor:pointer;background-color:#000000;color:white;box-shadow:10px 10px #ffffff}@media (max-width:1200px){.PurchaseOrderandTotalContainer{width:80vw;height:90px;font-size:18px}.PurchaseItemsButton{width:250px;height:45px;font-size:20px}}@media (max-width:992px){.PurchaseOrderandTotalContainer{width:90vw;height:80px;font-size:16px}.PurchaseItemsButton{width:220px;height:40px;font-size:18px}}@media (max-width:768px){.PurchaseOrderandTotalContainer{width:90vw;height:70px;flex-direction:column;justify-content:center;text-align:center;font-size:14px}.PurchaseItemsButton{width:180px;height:35px;font-size:16px;margin-top:10px}}.RefreshCartButton{box-shadow:10px 10px #000000}.RefreshCartButton,.RefreshCartButton:hover{height:50px;width:100px;border-radius:25px;border:#000000;border-width:3px;border-style:solid}.RefreshCartButton:hover{cursor:pointer;background-color:#000000;color:white;box-shadow:10px 10px #ffffff}.OrderCompleteContainer{color:white;margin-top:100px;background-color:rgb(32,13,51);border:#000000;border-width:3px;border-style:solid;border-radius:25px;width:70vw;box-shadow:10px 10px #000000;height:500px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:60px;max-width:1200px;text-align:center}.returnToHomeButton{margin-top:20px;height:30px;width:200px;box-shadow:10px 10px #000000;font-size:20px;border-radius:8px;border:none;background-color:#ffffff;color:rgb(0,0,0);transition:all .2s ease}.returnToHomeButton:hover{background-color:#000000;color:white;cursor:pointer;box-shadow:10px 10px #ffffff}@media (max-width:1200px){.OrderCompleteContainer{width:80vw;height:450px;font-size:50px}.returnToHomeButton{width:180px;height:28px;font-size:18px}}@media (max-width:992px){.OrderCompleteContainer{width:90vw;height:400px;font-size:40px}.returnToHomeButton{width:160px;height:26px;font-size:16px}}@media (max-width:768px){.OrderCompleteContainer{width:95vw;height:350px;font-size:30px}.returnToHomeButton{width:140px;height:24px;font-size:14px}}@media (max-width:576px){.OrderCompleteContainer{width:100vw;height:300px;font-size:24px;padding:10px}.returnToHomeButton{width:120px;height:22px;font-size:12px}}.OrderHistoryContainer{width:70vw;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr;grid-gap:50px;gap:50px;max-width:1200px}.OrderContainer{background-color:rgb(32,13,51);border-radius:45px;color:white;width:100%;box-shadow:10px 10px #000000;display:flex;justify-content:center;gap:20px;height:75px;align-items:center;font-size:20px}.viewDetailsButton{width:200px;height:50px;box-shadow:5px 5px #000000;font-size:20px;border-radius:8px;border:none;background-color:#444;color:white;transition:all .2s ease}.viewDetailsButton:hover{cursor:pointer;background-color:#000000;color:white;box-shadow:5px 5px #ffffff}@media (max-width:1200px){.OrderHistoryContainer{width:80vw}.OrderContainer{height:70px;font-size:18px}.viewDetailsButton{width:180px;height:45px;font-size:18px}}@media (max-width:992px){.OrderHistoryContainer{width:90vw}.OrderContainer{height:65px;font-size:16px}.viewDetailsButton{width:160px;height:40px;font-size:16px}}@media (max-width:768px){.OrderHistoryContainer{width:95vw;gap:30px}.OrderContainer{flex-direction:column;height:-moz-fit-content;height:fit-content;font-size:14px;gap:10px;padding:10px}.viewDetailsButton{width:140px;height:35px;font-size:14px;margin-top:10px}}@media (max-width:576px){.OrderHistoryContainer{width:100vw;padding:5px;gap:20px}.OrderContainer{height:-moz-fit-content;height:fit-content;font-size:12px;gap:5px;padding:10px}.viewDetailsButton{width:120px;height:30px;font-size:12px;margin-top:10px}}