@keyframes slideInDown{0%{transform:translateY(-500px)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}body{background-color:#242423}.heading .content{text-align:center}.heading .content h2{color:#fff;font-size:1.5rem;font-weight:700}.heading .content h4{color:#8a8a8a;font-weight:500;margin-top:1rem}.sport-list{display:grid;grid-gap:1.5rem;animation:fadeInUp .7s ease-out both;padding:1.5rem}.sport-list .sport-item{background-color:rgba(0,0,0,.2);color:#fff;display:block;height:10rem;overflow:hidden;position:relative}.sport-list .sport-item .background{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;transition:all .5s cubic-bezier(.68,.03,.25,.82);width:100%}.sport-list .sport-item:hover .background{transform:scale(1.1)}.sport-list .sport-item .highlight-button{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;height:4.2rem;padding:0 .8rem;position:absolute;text-transform:uppercase;width:100%}.sport-list .sport-item .highlight-button span{font-family:Oswald,Helvetica,Arial,sans-serif;font-size:1.25rem;line-height:1;margin-left:1rem;white-space:nowrap}.sport-list .sport-item .highlight-button span div{font-family:Oswald,Helvetica,Arial,sans-serif;font-size:.9rem;line-height:1}@media(min-width:768px){.sport-list{grid-template-columns:repeat(2,1fr)}.page{min-height:70vh}}@media(min-width:992px){.sport-list{grid-template-columns:repeat(3,1fr);padding-top:7.5rem}.sport-list-huge{grid-template-columns:repeat(2,1fr)}.sport-list-huge .sport-item{height:16rem}.heading .desktop{height:6rem}.heading .content{margin-left:20vw;padding-right:20vw;padding-top:0!important;position:fixed;top:0;width:80vw;z-index:9999}}h1{color:#8a8a8a;font-size:1.1rem;font-weight:500;margin-top:1rem;text-transform:unset}