*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-size:16px;padding:0;margin:0;line-height:1.5;background-color:#000}.show{display:flex!important}nav{display:flex;align-items:center;justify-content:space-between;padding:0 5%}nav ul{display:flex;list-style:none;padding:0;margin:0}nav ul li>a{display:block;position:relative;padding:20px 15px 10px;text-decoration:none;color:#fff}nav ul li .link:before{content:"";position:absolute;display:block;left:0;bottom:0;width:100%;height:2px;transform:scaleX(0);transition:transform .3s ease;background-color:#fff}nav ul li .link:hover:before{transform:scaleX(1)}nav .more{display:none}nav .menu{position:absolute;display:none;flex-direction:column;min-width:200px;margin-top:48px;background-color:#fff}nav .menu a{padding:10px;color:#000;text-decoration:none}nav .menu a:hover{background-color:#000;color:#fff}nav .mobile{display:none;width:100%}nav .mobile .header{display:flex;text-align:center;justify-content:space-between;flex-direction:row;background-color:#000}nav .mobile .header a{display:inline-flex;color:#fff;text-decoration:none;padding:10px}nav .mobile .header #bmenu{border:none;background-color:transparent;cursor:pointer;color:#fff}nav .mobile .links{display:none;flex-direction:column;position:relative;z-index:200;background-color:#000}nav .mobile .links a{font-size:20px;display:block;padding:10px 20px;text-decoration:none;color:#fff}nav .mobile .links a:hover{font-size:20px;display:block;padding:10px 20px;text-decoration:none;color:#000;background-color:#fff}header{background-image:url(/assets/halo-infinite-cover-darkmode-ed3f195d.jpg);background-size:cover;background-position:center center;height:100vh}h2{font-size:3.3rem;position:relative;display:inline-block;padding:0;margin:0 0 40px}h2:before{content:"";position:absolute;width:100%;height:50px;left:0;bottom:-40px;transform:scale(.4) skewY(-20deg) rotate(20deg);background-color:#adff2f}#banner{font-size:1.8em;text-align:center;padding:40px;width:500px;position:absolute;z-index:100;top:200px;right:100px;color:#fff;background-color:#00000080}.green-button{text-transform:uppercase;border:0;display:inline-flex;align-items:center;font-size:14px;padding:10px 40px;background-color:#adff2f;color:#000;font-weight:bolder;text-decoration:none}.green-button:hover{background-color:#4e6b22}.green-link{text-transform:uppercase;border:0;display:inline-flex;position:relative;align-items:center;font-size:16px;padding:10px 15px;color:#adff2f;font-weight:bolder;text-decoration:none}.green-link:before{content:"";position:absolute;display:block;left:0;bottom:0;width:100%;height:2px;transform:scaleX(0);transition:transform .3s ease;background-color:#adff2f}.green-link:hover:before{transform:scaleX(.8)}.w-75{width:75%;margin:0 auto}h3{font-size:1.6em;padding-top:50px 0}#videos{text-align:center;padding:50px 0;background-image:url(/assets/bg-videos-8ac5b88c.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;color:#fff}#videos #slider #controls{display:flex;justify-content:center;scroll-behavior:smooth}#videos #slider #controls #prev,#videos #slider #controls #next{border:none;height:50px;width:80px;background-color:#3a3a3a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;scroll-behavior:smooth;transition:all .3s ease}#videos #slider #controls #prev:hover,#videos #slider #controls #next:hover{background-color:#252525}#videos #slider #current{width:1280px;margin:50px auto;border:solid 1px #00c3ff}#videos #slider #videos-container{display:flex;gap:10px;width:100%;justify-content:center;overflow:hidden;scroll-behavior:smooth}#videos #slider #videos-container .item{border:solid 1px #00c3ff;cursor:pointer;overflow:hidden;min-width:320px;height:180px}#videos #slider #videos-container .item a{position:relative}#videos #slider #videos-container .item img{object-fit:contain;min-width:320px;height:180px;transition:opacity .3s ease}#videos #slider #videos-container .item:hover img{opacity:.6;object-fit:contain}#videos #slider #videos-container .item a:before{font-family:Material Icons;font-size:24px;content:"play_arrow";color:#fff;position:absolute;display:block;left:135px;top:-95px;width:50px;height:50px;background-color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100}#multi-player{height:100vh;background-image:url(/assets/bg-multiplayer-30e474b9.jpeg);display:flex;align-items:center;justify-content:end}.info{line-height:1.2;padding:40px;width:600px;margin-right:50px;transition:background-color .3 ease}.info p{font-size:20px}#get-the-game{text-align:center;padding:50px 0;color:#fff}#get-the-game h2{color:#fff}#get-the-game h3{font-size:1.8rem;padding:0;margin:0}#get-the-game .item-store{display:flex;width:90%;justify-content:center;align-items:flex-start}#get-the-game .item-store .left{padding:0 20px;width:100%}#get-the-game .item-store .left img{width:500px}#get-the-game .item-store .right{text-align:left;width:80%}footer{height:800px;background-image:url(/assets/master-chief-darkmode-b9352435.jpg);background-repeat:no-repeat;background-size:cover}@media screen and (max-width:1519px){.info{background-color:#000c;color:#fff}}@media screen and (max-width:1191px){nav .link-hide{display:none}nav .more{display:flex}header{height:70vh}#banner{position:initial!important;z-index:100;width:100%}#slide #current{width:80%!important}#slide #current iframe{height:500px}#multi-player{background-position:center left}.info{width:600px;margin:0 auto}#get-the-game .item-store{width:100%;padding:20px}#get-the-game .item-store .left img{width:300px}#get-the-game .item-store .right{width:100%}footer{background-position:center center}}@media screen and (max-width:702px){nav{width:100%;padding:0}nav ul{display:none}nav .mobile{display:block}header{background-position:center 40px;height:30vh}#slider #current{width:90%}#slider #current iframe{height:300px}#slider #videos-container{display:none!important}#multi-player{background-position:-400px 0px}.info{width:90%;margin:0 auto}#get-the-game .item-store{display:flex;flex-direction:column;width:100%;padding:20px}#get-the-game .item-store .left img{width:300px}#get-the-game .item-store .right{text-align:center;width:100%}footer{height:400px;background-position:center center}}@media (prefers-color-scheme: light){body{background-color:#fff}header{background-image:url(/assets/halo-infinite-cover-68e1c8bd.jpeg)}nav{background-color:#fff6}nav ul li a{color:#000}nav ul li .link:before{background-color:#000}nav .mobile.header{background-color:#fff}nav .mobile.header a{color:#000}nav .mobile.header #bmenu{color:#000}nav .mobile.links{background-color:#fff}nav .mobile.links a{color:#000}nav .mobile.links a:hover{color:#fff;background-color:#000}#banner{color:#000;background-color:#fff}h2:before{background-color:#8cd320}.green-button{background-color:#8cd320;color:#000}.green-button:hover{background-color:#adff2f}.green-link{color:#8cd320}.green-link:before{background-color:#8cd320}h3,#videos{color:#000}@media screen and (max-width:1519px){.info{background-color:#fffc;color:#000}}#get-the-game,#get-the.game h2{color:#000}footer{height:800px;background-image:url(/assets/master-chief-0be370c2.jpg)}}