*{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}#main-container{display:flex;flex-direction:column;align-content:stretch}.show{display:flex!important}nav{display:flex;align-items:flex-start;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;text-decoration:none;padding:20px 15px 10px;color:#fff}nav ul li .link:before{content:"";position:absolute;display:block;left:0;bottom:8px;width:100%;height:2px;transform:scaleX(0);transition:transform .3s ease;background-color:#fff}nav ul li .link:hover:before{transform:scaleX(1)}nav .menu{position:absolute;display:none;flex-direction:column;min-width:200px;background-color:#fff}nav .more{display:none}nav .menu a{padding:10px;color:#000;text-decoration:none}nav .menu a:hover{background-color:#000;color:#fff}nav .mobile{display:none}nav .mobile .header{display:flex;text-align:center;justify-content:space-between;flex-direction:row;align-items:center;background-color:#000}nav .mobile .header a{color:#fff;display:inline-flex;text-decoration:none;padding:10px}nav .mobile .header .material-icons{display:inline-flex;text-decoration:none;padding:10px;border:none;background-color:#000;color:#fff}nav #bmenu{text-decoration:none;border:none;background-color:#000}nav .mobile .links{display:none;flex-direction:column;position:relative;z-index:200px}nav .mobile .links a{display:block;padding:10px 20px;text-decoration:none;color:#fff;font-size:20px;background-color:#000c;width:60%}nav .mobile .links a:hover{display:block;padding:10px 20px;text-decoration:none;font-size:21px;font-weight:bolder;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:1.9em;text-transform:uppercase;font-weight:bolder;color:#fff}#banner{font-size:1.8 em;text-align:center;padding:40px;width:400px;position:absolute;z-index:100;top:200px;right:100px;color:#fff;background-color:#000c}.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;cursor:pointer}.green-button:hover{background-color:#7bb623;color:#fff}.green-link{text-transform:uppercase;border:0;display:inline-flex;position:relative;align-items:center;font-size:16px;padding:10px 5px 12px 10px;color:#adff2f;font-weight:bolder;text-decoration:none}.green-link:before{content:"";position:absolute;display:block;left:0;bottom:8px;width:100%;height:2px;transform:scaleX(0);transition:transform .3s ease;background-color:#adff2f}.green-link:hover:before{transform:scaleX(1)}.w-75{width:75%;margin:0 auto;font-size:15px;color:#fff}h3{font-size:1.2em;padding-top:20px;color:#fff}#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;height:100vh}#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:90%;height:600px;margin:35px auto}#videos #slider #current iframe{width:99%;height:100%}#videos #slider #videos-container{display:flex;justify-content:center;gap:10px;width:100%;overflow:auto}#videos #slider #videos-container .item{border:solid 1px #00c3ff;cursor:pointer;overflow:hidden;min-width:15%;height:115px}#videos #slider #videos-container .item a{position:relative}#videos #slider #videos-container .item img{object-fit:contain;min-width:200px;height:115px;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:70px;top:-63px;width:45px;height:45px;background-color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:100}#multi-player{height:90vh;background-image:url(/assets/bg-multiplayer.30e474b9.jpeg);background-position:center right;background-size:cover;display:flex;align-items:center;justify-content:end;margin-top:550px}.info{line-height:1.2;padding:40px;width:600px;margin-right:50px;transition:background-color .3s ease}.info p{font-size:20px}#multi-player h2{font-size:3em;text-transform:uppercase;font-weight:bolder;text-align:justify;color:#000}#get-the-game{display:flex;flex-direction:column;align-items:center;justify-content: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: 1149px){nav .link-hide{display:none}nav .more{display:block}header{height:70vh;background-position:center 0px}#banner{position:initial!important;z-index:100;width:100%}#videos #slider #current{width:85%;height:500px}#videos #slider #current iframe{width:100%;height:100%}#videos #slider #videos-container{width:90%;margin:5%}#videos #slider #videos-container .item{min-width:16%;height:75px}#videos #slider #videos-container .item img{object-fit:contain;min-width:100%;height:75px;transition:opacity .3s ease 0s}#videos #slider #videos-container .item a:before{left:47px;top:-40px;height:35px;width:35px}.info{color:#fff;background-color:#000c;display:flex;flex-direction:column;align-items:center;width:600px;margin:0 auto}.info p{margin-top:-20px}#multi-player{background-position:left;margin-top:500px}#multi-player h2{color:#fff;align-self:flex-start}#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: 671px){nav{width:100%;padding:0}nav ul{display:none}nav .mobile{display:block;width:100%}header{background-position:center 30px;height:50vh}#banner{position:initial!important;z-index:100;width:100%}#videos{margin-top:-66px}#videos #slider #current{width:85%;height:300px}#videos #slider #current iframe{width:100%;height:100%}#slider #videos-container{display:none!important}.info{color:#fff;background-color:#000c;display:flex;flex-direction:column;align-items:center;width:360px;height:375px;margin:0 auto}.info p{margin-top:-20px;font-size:.9em}#multi-player{margin-top:200px}#multi-player h2{font-size:2em}#get-the-game .item-store{display:flex;flex-direction:column;gap:26px;width:100%;padding:20px}#get-the-game .item-store .left img{width:300px;padding-right:40px}#get-the-game .item-store .left{width:300px;align-self:center}#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}h2{color:#000}#banner{color:#000;background-color:#ffffffb3}h2:before{background-color:#8cd320}#multi-player .info h2,#videos .w-75{color:#000}.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}footer{background-image:url(/assets/master-chief.0be370c2.jpg)}@media screen and (max-width: 1519px){.info{background-color:#ffffffb3;color:#000}}#get-the-game,#get-the-game h2{color:#000}}@media screen and (max-width: 671px){nav .mobile .header .material-icons{background-color:#fff;color:#000}nav #bmenu{text-decoration:none;border:none;background-color:#fff}header{background-position:center 30px;height:50vh}}@media (prefers-color-scheme: dark){nav .mobile .header .material-icons{background-color:#000;color:#fff}nav #bmenu{text-decoration:none;border:none;background-color:#000}}