header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}header .menu-toggle{display:none}header .hamburger{cursor:pointer;flex-direction:column;justify-content:center;gap:3px;height:24px;display:flex}header .hamburger span{background-color:#fff;width:25px;height:3px;transition:all .3s ease-in-out}header nav{background-color:#0f172a;flex-direction:column;transition:transform .3s ease-in-out;display:flex;position:fixed;inset:60px 0 0;transform:translate(-100%)}header nav ul{text-align:center;background:0 0;flex-direction:column;gap:25px;margin-top:20px;display:flex}header nav ul li{list-style-type:none}header nav ul li a{color:#fff;font-size:1.5rem;text-decoration:none;transition:all .2s ease-in-out}header nav ul li a:hover{color:#cfcfff}header #menu-toggle:checked~nav{transform:translate(0)}header #menu-toggle:checked~label .line1{transform:rotate(-45deg)translate(-4.25px,4.25px)}header #menu-toggle:checked~label .line2{opacity:0}header #menu-toggle:checked~label .line3{transform:rotate(45deg)translate(-4.25px,-4.25px)}@media (width>=950px){header .hamburger{display:none}header nav{position:static;transform:translate(0)}header nav .header-footer{display:none}header nav ul{flex-direction:row;margin-top:0}}main{width:1100px;max-width:95dvw;margin:20px auto}#catalogWrapper .catalogHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}#catalogWrapper .catalogHeader a{color:#000;border:1px solid #000;border-radius:5px;padding:10px 30px;text-decoration:none;transition:all .25s ease-in-out}#catalogWrapper .catalogHeader a:hover{color:#fff;background-color:#616161}#catalogWrapper .game-list{grid-template-columns:repeat(1,minmax(250px,1fr));gap:20px;display:grid}#catalogWrapper .game-list .game-card{border:1px solid #000;border-radius:5px;flex-direction:column;gap:10px;padding:10px;transition:all .3s ease-in-out;display:flex}#catalogWrapper .game-list .game-card a{color:#000;border:1px solid #000;border-radius:5px;width:max-content;padding:5px;text-decoration:none;transition:all .25s ease-in-out}#catalogWrapper .game-list .game-card a:hover{color:#fff;background-color:#616161}@media (width>=768px){#catalogWrapper .game-list{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media (width>=1100px){#catalogWrapper .game-list{grid-template-columns:repeat(3,minmax(250px,1fr))}}#catalogGameWrapper{grid-template-columns:repeat(2,1fr);display:grid}#catalogGameWrapper .catalogGameGroup{border:1px solid #000;border-radius:12px;flex-direction:column;gap:10px;margin:10px;padding:15px;display:flex}#catalogGameWrapper img{width:85%;margin:auto}form{flex-direction:column;gap:20px;display:flex}form button{padding:10px 20px;font-weight:700}.formGroup{flex-direction:column;display:flex}.formGroup input{padding:5px 10px}.formGroup textarea{resize:vertical;min-height:100px;padding:5px 10px}.formGroupPlatforms{grid-template-columns:repeat(5,1fr);display:grid}.formGroupPlatforms .platformGroupHeader,.formGroupPlatforms .platformGroupOptions .platformOption{border:1px solid #000;gap:5px;width:max-content;margin:5px;display:flex}.formGroupPlatforms .platformGroupHeader input[type=checkbox],.formGroupPlatforms .platformGroupOptions .platformOption input[type=checkbox]{margin:5px}.formGroupPlatforms .platformGroupHeader label,.formGroupPlatforms .platformGroupOptions .platformOption label{cursor:pointer;padding:5px;display:block}*{box-sizing:border-box;margin:0;padding:0}body{flex-direction:column;min-height:100dvh;display:flex}header,footer{background-color:#0f172a}footer{color:#fff;margin-top:auto;padding:10px}.home-pagina{padding:3rem 1.5rem}.home-pagina__container{grid-template-columns:2fr 1fr;align-items:center;gap:2rem;max-width:1100px;margin:0 auto;display:grid}.home-pagina__content{color:#fff;background:linear-gradient(135deg,#1f2937,#111827);border-radius:1rem;padding:2.5rem;box-shadow:0 10px 25px #0000002e}.home-pagina__bovenregel{text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.home-pagina__titel{margin:0 0 1rem;font-size:2.4rem;line-height:1.2}.home-pagina__tekst{color:#e5e7eb;max-width:650px;margin:0;font-size:1.05rem;line-height:1.7}.home-pagina__knoppen{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.home-pagina__knop{border-radius:.75rem;padding:.85rem 1.4rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.home-pagina__knop--primair{color:#fff;background-color:#2563eb}.home-pagina__knop--primair:hover{background-color:#1d4ed8}.home-pagina__knop--secundair{color:#111827;background-color:#fff}.home-pagina__knop--secundair:hover{background-color:#e5e7eb}.home-pagina__kaart{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #00000014}.home-pagina__kaart-titel{color:#111827;margin-top:0;margin-bottom:1rem;font-size:1.3rem}.home-pagina__lijst{color:#374151;margin:0;padding-left:1.2rem;line-height:1.8}@media (width<=850px){.home-pagina__container{grid-template-columns:1fr}.home-pagina__titel{font-size:2rem}}@media (width<=500px){.home-pagina{padding:2rem 1rem}.home-pagina__content,.home-pagina__kaart{padding:1.5rem}.home-pagina__titel{font-size:1.7rem}}