.web3-hero{background-color:#070933;color:#fff;margin-bottom:6rem;padding:100px 0}@media (max-width:768px){.web3-hero{padding:60px 0}}.web3-hero .container{display:flex;height:100%;justify-content:space-around}.web3-hero .container h2{max-width:900px;text-align:center;text-transform:none}.featured{margin-bottom:6rem;text-align:center}.container.cta{display:flex;justify-content:space-evenly;margin-bottom:6rem}@media (max-width:768px){.grid,.grid-container{width:100vw}}.grid{display:flex;flex-wrap:wrap;margin-bottom:6rem}.grid-item{background-color:#f5f5f7;border:2px solid #fff;padding-top:19.25%;position:relative;width:calc(25% - 2px)}@media (max-width:1100px){.grid-item{max-width:calc(33.33333% - 2px);padding-top:29%;width:calc(33.33333% - 2px)}}@media (max-width:768px){.grid-item{height:calc(50vw - 2px);max-width:calc(50% - 2px);width:calc(50% - 2px)}}.grid-item.Wx2{width:calc(50% - 2px)}@media (max-width:1100px){.grid-item.Wx2{max-width:calc(66.66667% - 2px);width:calc(66.66667% - 2px)}}@media (max-width:768px){.grid-item.Wx2{max-width:100vw;width:100vw}}.grid-item.Hx2{padding-top:calc(38.5% + 2px)}@media (max-width:1100px){.grid-item.Hx2{padding-top:calc(58% + 2px)}}@media (max-width:768px){.grid-item.Hx2{height:100vw}}.grid-item .champion-link{align-items:center;bottom:0;display:flex;flex-direction:row;justify-content:center;left:0;padding:10%;position:absolute;right:0;top:0}.grid-item .champion-link:hover img{filter:grayscale(0);transform:scale(1)}.grid-item .champion-link img{filter:grayscale(1);max-height:75%;max-width:100%;object-fit:contain;transform:scale(.95);transition:transform .2s ease-out,filter .2s ease-out;width:75%}@media (max-width:768px){.grid-item .champion-link img{width:70%}}.grid-item .exit{align-items:center;background-color:#070933;bottom:0;color:#f5f5f7;display:flex;flex-direction:row;font-size:12px;font-size:.75rem;font-weight:600;height:28px;justify-content:flex-end;left:0;padding-right:10px;position:absolute;right:0;text-transform:uppercase}@media (max-width:768px){.grid-item .exit{font-size:12px;font-size:.75rem;height:32px}}.grid-item .exit:after{border-color:#f5f5f7 transparent transparent;border-style:solid;border-width:28px 28px 0 0;bottom:0;content:"";height:0;left:0;position:absolute;top:0;width:0}@media (max-width:768px){.grid-item .exit:after{border-color:#f5f5f7 transparent transparent;border-style:solid;border-width:32px 32px 0 0;bottom:0;content:"";height:0;left:0;position:absolute;top:0;width:0}}.grid-item>*{margin:0;padding:0}