.cart-item-container{width:100%;display:flex;height:80px;margin-bottom:15px}.cart-item-container img{width:30%;border-radius:.3rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.cart-item-container .item-details{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 20px;text-shadow:1px 2px 3px rgba(0,0,0,.3)}.cart-item-container .item-details .name{font-size:16px}.cart-dropdown-container{position:absolute;width:15rem;height:22rem;display:flex;flex-direction:column;padding:1.4rem;border:1px solid black;background-color:#fff;top:6rem;right:2rem;z-index:5;border-radius:.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.cart-dropdown-container .empty-message{margin:3rem auto;font-size:1rem}.cart-dropdown-container .cart-items{height:15rem;display:flex;flex-direction:column;overflow:scroll}.cart-dropdown-container .cart-items{height:240px;display:flex;flex-direction:column;overflow:scroll}.cart-dropdown-container .cart-items::-webkit-scrollbar{width:6px;height:6px}.cart-dropdown-container .cart-items::-webkit-scrollbar-thumb{background:#ceddfb;border-radius:10px}.cart-dropdown-container .cart-items::-webkit-scrollbar-thumb:hover{background:#9ccef2}.cart-dropdown-container .cart-items::-webkit-scrollbar-track{background:#fff}.cart-dropdown-container button{margin-top:auto}.cart-dropdown-container .checkout-icon{width:2.2rem;height:2.2rem;vertical-align:middle}.cart-icon-container{height:3rem;padding-bottom:.6rem;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width:800px){.cart-icon-container{padding-bottom:.5rem}}.cart-icon-container .shopping-icon{width:2.2rem;height:2.2rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4))}@media screen and (max-width:800px){.cart-icon-container .shopping-icon{width:2rem;height:2rem;margin:0 .9rem}}.cart-icon-container .item-count{position:absolute;font-size:10px;font-weight:600;bottom:12px}.navigation{height:70px;width:100%;display:flex;justify-content:space-around;align-items:center;vertical-align:middle;margin-top:3rem;margin-bottom:6rem}@media screen and (max-width:800px){.navigation{margin-top:0;margin-bottom:3rem}}.navigation .company-logo-container{display:flex;align-items:center;vertical-align:middle}.navigation .company-logo-container .company-container{font-family:Style Script,cursive;font-size:clamp(2rem,2.2vw,2.8rem);font-weight:lighter;text-shadow:1px 2px 3px rgba(0,0,0,.3);color:#000;margin:0}@media screen and (max-width:800px){.navigation .company-logo-container .company-container{display:none}}.navigation .company-logo-container .logo-container{height:100%;width:auto;padding:0 1rem .8rem;font-size:clamp(3.2rem,4vw,4rem);margin:0;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}@media screen and (max-width:800px){.navigation .company-logo-container .logo-container{margin:0 -3rem 0 2rem}}@media screen and (max-width:500px){.navigation .company-logo-container .logo-container{margin:0;padding:0 0 .2rem}}.navigation .nav-links-container{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}@media screen and (max-width:800px){.navigation .nav-links-container{width:60%;justify-content:space-around}}.navigation .nav-links-container .nav-link{padding:.6rem 1rem;margin:.6rem 1rem;letter-spacing:2px;font-weight:300;text-transform:uppercase;font-size:clamp(.6rem,1vw,.8rem);text-shadow:1px 2px 3px rgba(0,0,0,.3);line-height:clamp(1rem,1.2vw,3.4rem);align-items:center;background-color:#091c41;color:#fff;font-family:Encode Sans Condensed,sans-serif;border:1px solid #fff;border-radius:.3rem;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:all .3s ease}@media screen and (max-width:800px){.navigation .nav-links-container .nav-link{padding:.3rem .7rem}}@media screen and (max-width:500px){.navigation .nav-links-container .nav-link{padding:.3rem .6rem;margin:.6rem .4rem}}.navigation .nav-links-container .nav-link:hover{background-color:#fff;color:#000;border:1px solid black;font-weight:300}.navigation .nav-links-container .nav-link:hover:focus{outline:none}.navigation .nav-links-container .nav-link:hover:focus:active{transform:scale(.9);box-shadow:inset 0 0 10px #000}
