body{ margin:0 !important; background:black; } .gaming-site{ background:black; color:white; font-family:'Orbitron',sans-serif; overflow:hidden; } /* HERO */ .hero-section{ position:relative; height:100vh; background:url('https://images.unsplash.com/photo-1511512578047-dfb367046420?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; display:flex; justify-content:center; align-items:center; text-align:center; } .hero-overlay{ position:absolute; inset:0; background:rgba(0,0,0,0.7); } .hero-content{ position:relative; z-index:2; } .hero-content h1{ font-size:110px; line-height:0.9; margin-bottom:20px; text-shadow:0 0 30px #ff9900; animation:zoomIn 2s ease; } .hero-content p{ font-size:22px; margin-bottom:40px; color:#ddd; } .hero-btn{ padding:18px 45px; background:#ff9900; color:black; text-decoration:none; font-weight:bold; border-radius:50px; transition:0.4s; } .hero-btn:hover{ background:white; transform:scale(1.1); } /* GAMES */ .games-section{ padding:120px 40px; background:#050505; } .games-section h2{ text-align:center; font-size:60px; margin-bottom:70px; } .game-grid{ display:flex; justify-content:center; flex-wrap:wrap; gap:40px; } .game-card{ width:350px; background:#111; border-radius:20px; overflow:hidden; transition:0.5s; box-shadow:0 0 20px rgba(255,153,0,0.2); } .game-card:hover{ transform:translateY(-15px) scale(1.05); box-shadow:0 0 40px rgba(255,153,0,0.8); } .game-card img{ width:100%; height:250px; object-fit:cover; } .game-info{ padding:30px; } .game-info h3{ font-size:35px; margin-bottom:15px; } .game-info p{ color:#aaa; line-height:1.7; } /* PARALLAX */ .parallax-section{ height:100vh; background:url('https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?q=80&w=1600&auto=format&fit=crop') center/cover fixed; display:flex; justify-content:center; align-items:center; text-align:center; padding:20px; } .parallax-box{ background:rgba(0,0,0,0.7); padding:60px; border-radius:20px; backdrop-filter:blur(10px); } .parallax-box h2{ font-size:70px; margin-bottom:20px; } .parallax-box p{ font-size:24px; color:#ddd; } /* FOOTER */ footer{ padding:40px; text-align:center; background:black; color:#777; letter-spacing:2px; } /* ANIMATION */ @keyframes zoomIn{ from{ opacity:0; transform:scale(0.5); } to{ opacity:1; transform:scale(1); } } /* MOBILE */ @media(max-width:768px){ .hero-content h1{ font-size:55px; } .games-section h2{ font-size:40px; } .parallax-box h2{ font-size:40px; } .parallax-box p{ font-size:18px; } }