*{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{color:#fff;display:inline-flex;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-CkyqDQea.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;bottom:-40px;left:0;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:20%;right:3%;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:#8acf21}.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;color:#fff}#videos{text-align:center;padding:50px 0;background-image:url(/assets/bg-videos-CanIZBKU.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;color:#fff}#videos #slider #controls{display:flex;justify-content:center}#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;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:auto}#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{content:"play_arrow";font-family:Material Icons;color:#fff;font-size:30px;position:absolute;display:block;left:135px;top:-95px;width:50px;height:50px;background-color:#0009;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:100}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}#multi-player{height:100vh;background:url(/assets/bg-multiplayer-DsL_bK4_.jpeg);display:flex;align-items:center;justify-content:end}.info{line-height:1.2;padding:40px;width:600px;margin-right:50px;transition:background-color .3s ease}.info p{font-size:20px}@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%}#slider #current{width:80%!important}#slider #current iframe{height:500px}#multi-player{background-position:-400px 0px}.info{width:600px;margin:0 auto}#get-the-game .item-store img{width:300px!important}#get-the-game .item-store .right{width:100%!important}footer{background-image:center center}}#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-D2rhZZXN.jpg);background-repeat:no-repeat;background-size:cover}footer a{color:#ffffffb3;position:relative;text-align:right;display:block;padding-right:3%;margin-top:10%;text-decoration:none;font-family:Lobster,sans-serif}@media screen and (max-width: 724px){nav ul{display:none}nav{width:100%;padding:0}nav .mobile{display:block}header{background-position:center 20px;height:40vh}#banner{position:initial!important;z-index:100;width:100%}#slider #current{width:90%}#slider #current iframe{height:300px}#slider #videos-container{display:none!important}.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 img{width:300px!important}#get-the-game .item-store .right{text-align:center!important;width:100%!important}footer{height:400px;background-position:center center}}@media (prefers-color-scheme: light){body{background-color:#fff}header{background-image:url(/assets/halo-infinite-cover-DK7hoaSn.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:#adff2f}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{background-image:url(/assets/master-chief-Cg5vCuAE.jpg)}footer a{color:#00000080}}@media (prefers-color-scheme: dark){body{background-color:#000}}
