@import"https://fonts.googleapis.com/css2?family=Underdog&display=swap";body{background:#faf5e4;margin:0}.products-section{display:flex;flex-direction:column;margin:20px}.genre-title{font-family:Underdog,system-ui;text-align:center;margin:2rem 0 1rem;color:#35412b;position:relative}.genre-title:first-of-type{margin-top:0}.genre-title:after{content:"";display:block;width:70px;height:4px;background-color:#597d4d;margin:.5rem auto 0;border-radius:2px}.genre-section{position:relative}.cards-section{display:flex;overflow-x:hidden;gap:50px}.scroll-btn{position:absolute;top:55%;transform:translateY(-50%);background:#0006;color:#fff;border:none;font-size:1.5rem;padding:8px 12px;border-radius:20%;cursor:pointer;z-index:999;transition:background .3s ease,transform .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scroll-btn:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.scroll-left-btn{left:10px}.scroll-right-btn{right:10px}.product-card{min-width:280px;max-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;padding:8px 4px;background:#83d483;margin:10px 0}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0003;transition:transform .2s ease,box-shadow .2s ease}.card-image{width:100%;height:200px;object-fit:contain;background-color:#000;border-radius:8px}.quantity-selection{display:flex;justify-content:space-around;width:90px;align-items:center}.quantity{font-size:1.2rem;font-weight:700;color:#333}.cost{font-size:1.2rem;font-weight:700;color:#333;margin:0}.qty-btn{border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:1rem}.qty-btn:first-of-type{padding:4px 10px}@keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}.add-cart-btn:hover .btn-slide-show-text1{margin-left:65px}.btn-bottom-stripe,.bottom-stripe{border:0px;background:#fff;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;font-family:inherit;font-size-adjust:inherit;font-kerning:inherit;font-optical-sizing:inherit;font-language-override:inherit;font-feature-settings:inherit;font-variation-settings:inherit;line-height:normal;cursor:pointer;-webkit-user-select:text;user-select:text;display:block;text-decoration:none;text-transform:uppercase;padding:14px 16px;border-radius:6px;margin:0 0 16px;transition:.5s;overflow:hidden;position:relative}.bottom-stripe{background:#faf5e4}.btn-bottom-stripe:after{content:"";display:block;height:7px;width:100%;backface-visibility:hidden;position:absolute;left:0;bottom:0;background-size:7px 7px}.bottom-stripe:after{content:"";display:block;height:13px;width:100%;backface-visibility:hidden;position:absolute;left:-5px;bottom:0;background-size:7px 7px;background-image:repeating-linear-gradient(45deg,rgb(255,255,255),rgb(255,255,255) 1px,transparent 2px,transparent 5px);animation:12s linear infinite forwards stripe-slide}.btn-bottom-stripe:hover{color:#fff}.btn-bottom-stripe:hover:after{background-image:repeating-linear-gradient(45deg,rgb(255,255,255),rgb(255,255,255) 1px,transparent 2px,transparent 5px);animation:12s linear infinite forwards stripe-slide}.btn-bottom-stripe--orange{color:#fec23f;border:2px solid rgb(254,194,63)}.bottom-stripe--orange{color:#fab623;border-radius:0}.btn-bottom-stripe--orange:after{border:1px solid rgb(254,194,63);background-image:repeating-linear-gradient(45deg,rgb(255,185,34),rgb(255,183,27) 1px,transparent 2px,transparent 5px)}.bottom-stripe--orange:after{background-image:repeating-linear-gradient(45deg,rgb(255,185,34),rgb(255,183,27) 1px,transparent 2px,transparent 5px)}.btn-bottom-stripe--orange:hover{background-color:#fec23f}.btn-click-effect:active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffe066;opacity:.4;z-index:0;animation:clickFlash 1s ease}.loading-animation{width:290px;text-align:center;text-transform:capitalize;margin:200px auto;font-size:32px}@keyframes clickFlash{0%{opacity:.7}to{opacity:0}}body{font-family:Underdog,system-ui;margin:0}.page-title{font-family:Underdog,system-ui;font-size:2.3rem;text-align:center;margin:1rem 0 0px;color:#2d2d2d;letter-spacing:1px;position:relative}.page-title:after{content:"";display:block;width:100px;height:5px;background-color:#84c784;margin:.2rem auto 0;border-radius:3px}.home-container{padding:2rem;text-align:center;font-family:Underdog,cursive}.main-heading{font-size:2.5rem;margin-bottom:1rem}.intro-text{font-size:1.2rem;color:#333;margin-bottom:2rem}.cta-section{margin:20px 0}.cta-button{background-color:#54bb6c;color:#fff;padding:12px 24px;text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .3s ease}.cta-button:hover{background-color:#469d59}.features{margin-top:6rem;max-width:600px;margin-left:auto;margin-right:auto;text-align:center}.features h2{margin-bottom:1rem}.features ul{list-style-type:none;padding:0}.features li{margin:.5rem 0;font-size:1rem}footer{width:fit-content;margin:130px auto 0}footer a{text-decoration:none;color:#c5c5c5}footer a:hover{text-decoration:underline}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#282c34;color:#fff}nav ul{display:flex;gap:15px;list-style:none}nav ul li{cursor:pointer}nav ul li a{color:#fff;text-decoration:none}nav ul li a:hover:not(.active-tab){text-decoration:underline dotted rgb(254,210,155) 2px;text-underline-offset:4px}.cart-link-li-item{position:relative}.items-count-display{position:absolute;top:-22px;right:-11px;font-size:small;border-radius:10px;padding:0 2px;background-color:green}.active-tab{font-weight:700;border-bottom:2px solid rgb(254,210,155)}.cart-section{display:flex}.cart-empty-message p{margin-left:630px}.item-col-names{display:flex;padding:0 30px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#d6af8080}.game-col{margin-left:30px}.cost-col{margin-left:300px}.qty-col{margin-left:200px}.delete-all-items-btn{margin:10px 0 20px 480px;width:100px;height:35px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Underdog,system-ui}.delete-all-items-btn:hover{background-color:red}.cart-item-section{background-color:bisque;margin:10px 30px;border-radius:10px;width:1000px;box-shadow:0 4px 8px #0000001a}.cart-item-card{display:flex;justify-content:space-between;padding:10px 30px}.item-name{width:200px}.remove-from-cart-btn{width:80px;height:30px;align-self:center;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Underdog,system-ui}.remove-from-cart-btn:hover{background-color:red}.order-summary-section{background-color:bisque;border-radius:10px;margin-top:10px;height:fit-content;box-shadow:0 4px 8px #0000001a}.order-summary-section header{background-color:#d6af8080;border-top-left-radius:10px;border-top-right-radius:10px;color:#000}.cost-details{padding:10px 30px}.buy-items-btn{cursor:pointer;background-color:green;padding:10px;border:none;border-radius:4px;text-transform:uppercase;font-family:Underdog,system-ui}.btn-fill-bottom{border:2px solid rgb(84,187,108);outline:none;background:none;text-align:center;display:inline-block;width:200px;height:45px;margin:20px;position:relative;overflow:hidden;color:#54bb6c;transition:color .5s;z-index:1}.btn-fill-bottom:before{content:"";position:absolute;z-index:-1;height:200px;width:300px;border-radius:50%;top:100%;left:100%;transition:top .7s ease,left .7s ease}.btn-fill-bottom:hover{color:#fff}.btn-fill-bottom:hover:before{top:-40px;left:-40px}.btn-fill-bottom--green:before{background-color:#54bb6c}