*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}@media(max-width:1170px){html{font-size:50%}}@media(max-width:420px){html{font-size:40%}}body{font-family:Montserrat,sans-serif;font-weight:400;color:#aaa;font-size:1.6rem;line-height:113%;background-color:#f5f5f5}.container{display:grid;grid-template-rows:80vh min-content 40vw repeat(3,min-content);grid-template-columns:[sidebar-start] 8rem [sidebar-end full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end]}@media(max-width:1170px){.container{grid-template-rows:6rem 80vh min-content 40vw repeat(3,min-content);grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end]}}@media(max-width:900px){.container{grid-template-rows:6rem calc(100vh - 6rem) min-content min-content min-content 50vw repeat(3,min-content)}}.title-1{font-size:4.5rem;font-weight:700;line-height:100%}.title-2{font-size:4rem;font-weight:700;line-height:100%;color:#fff}.title-3{font-size:1.9rem;font-weight:700;line-height:100%;color:#425844}.title-3_white{color:#fff}.title-3_green{color:#61a568}.title-4{font-size:1.7rem;font-weight:300;line-height:100%;letter-spacing:13%;color:#61a568;text-transform:uppercase}.paragraph-text{font-size:1.6rem;font-weight:400;line-height:113%;color:#425844}.paragraph-text_white{color:#fff}.cards{grid-column:center-start/center-end;padding:5vh 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));grid-gap:6rem 4rem}.card{display:grid;grid-template-columns:repeat(2,1fr);row-gap:4.5rem;background-color:#101d2c}.card__img{width:100%;grid-column:1/-1;grid-row:1/2}.card__title{display:inline-block;font-size:1.6rem;color:#fff;font-weight:500;line-height:100%;background-color:#425844;padding:1.5rem 5rem;width:80%;grid-column:1/-1;grid-row:1/2;transform:translateY(50%);z-index:2;text-align:center;place-self:end center}.card__svg{width:2rem;height:2rem;margin-right:1.5rem}.card__btn{grid-column:1/-1}.content{display:flex;row-gap:2rem;align-items:center;margin-left:2rem}.content p{font-size:1.6rem;color:#fff;font-weight:300;line-height:100%}.header{background-color:#101d2c;grid-column:full-start/col-end 6;display:grid;grid-template-rows:min-content 4rem minmax(10rem,min-content) 1fr;background:url(../img/header-bg.jpg) center/cover no-repeat;grid-row-gap:1rem;padding:5rem;align-items:safe center}@media(max-width:900px){.header{grid-column:full-start/full-end}}@media(max-width:420px){.header{grid-template-rows:min-content 4rem minmax(15rem,min-content) 1fr;padding:2rem}}.header__btn{place-self:start}.header__line_text{font-size:1.6rem;font-weight:500;color:#f5f5f5;display:grid;gap:1rem;grid-template-columns:1fr max-content 1fr;place-items:center}.header__line_text::after,.header__line_text::before{content:"";height:.1rem;width:100%;display:block;background-color:#f5f5f5}.header__games{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;place-self:center}.header__games img{width:100%;height:3rem;display:block;filter:brightness(70%)}.logo{display:block;text-align:center;margin-bottom:8rem}.logo__svg{width:12rem;height:4.1rem;margin:o auto}.features{padding:15rem 0;grid-column:center-start/center-end;display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));grid-gap:3rem 4rem;align-items:start;justify-content:center}@media(max-width:900px){.features{padding:8rem 0}}.feature{display:grid;grid-template-columns:min-content 1fr;grid-gap:1.5rem 2.5rem}.feature__icon{width:4.5rem;aspect-ratio:1/1;grid-row:1/span 2;transform:translateY(-1rem)}.gamers{background-color:#101d2c;grid-column:col-start 7/full-end;display:grid;grid-template-columns:max-content;gap:4rem 2rem;justify-content:center;align-content:center}@media(max-width:900px){.gamers{grid-column:full-start/full-end;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));justify-items:center;gap:4rem;padding:3rem 0}}@media(max-width:420px){.gamers{grid-template-columns:min-content;justify-items:start}}.gamers__title-3{grid-column:1/-1;justify-self:center}.gamers__box{display:grid;grid-template-columns:max-content max-content;grid-column-gap:2rem}@media(max-width:900px){.gamers__box{justify-self:center}}.gamers__img{width:7rem}.gamers__info{align-self:center}.gamers__rating{font-size:1.6rem;font-weight:300;color:#aaa}.banner-img{background-color:#101d2c;grid-column:full-start/col-end 4;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(24,1fr);background:url(../img/banner-bg.jpg) center/cover no-repeat}@media(max-width:900px){.banner-img{grid-column:full-start/full-end}}.banner-img__img-1{width:100%;grid-column:3/15;grid-row:3/12}@media(max-width:900px){.banner-img__img-1{grid-column:2/11}}.banner-img__img-2{width:100%;grid-column:5/-1;grid-row:10/23;transform:translateX(3rem)}@media(max-width:900px){.banner-img__img-2{grid-column:6/14;transform:translateX(0)}}.banner-text{background-color:#101d2c;grid-column:col-start 5/full-end;padding:0 4vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media(max-width:900px){.banner-text{grid-column:full-start/full-end;grid-row:5/6;padding:4vh}}.sidebar{background-color:#425844;grid-column:sidebar-start/sidebar-end;grid-row:1/-1;display:grid;justify-content:center;padding-top:3.7rem}@media(max-width:1170px){.sidebar{grid-column:1/-1;grid-row:1/2;justify-content:end;align-items:center;padding:1rem 3.7rem 0 0}}.burger{border:none;width:4rem;height:.2rem;background-color:#f5f5f5;margin-bottom:1.5rem;cursor:pointer;display:flex;justify-content:center}.burger,.burger::after,.burger::before{content:"";display:block;width:5rem;height:.2rem;background-color:#f5f5f5}.burger::before{transform:translateY(-1.5rem)}.burger::after{transform:translateY(1.5rem)}.gallery{background-color:#101d2c;grid-column:full-start/full-end;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,5vw);gap:1.5rem;padding:1.5rem}.gallery__item-1{grid-column:1/span 2;grid-row:1/span 2}.gallery__item-2{grid-column:3/span 3;grid-row:1/span 4}.gallery__item-3{grid-column:6/span 1;grid-row:1/span 2}.gallery__item-4{grid-column:7/-1;grid-row:1/span 2}.gallery__item-5{grid-column:1/span 2;grid-row:3/span 3}.gallery__item-6{grid-column:3/span 2;grid-row:4/span 2}.gallery__item-7{grid-column:5/span 1;grid-row:4/span 1}.gallery__item-8{grid-column:6/span 2;grid-row:3/span 2}.gallery__item-9{grid-column:8/-1;grid-row:3/span 3}.gallery__item-10{grid-column:1/span 1;grid-row:6/-1}.gallery__item-11{grid-column:8/-1;grid-row:6/-1}.gallery__item-12{grid-column:5/span 3;grid-row:5/-1}.gallery__item-13{grid-column:2/span 2;grid-row:6/-1}.gallery__item-14{grid-column:4/span 1;grid-row:6/-1}.gallery__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer{background-color:#101d2c;grid-column:full-start/full-end;border-top:.3rem solid #f5f5f5;padding:4vh 0}.navigation{padding:2vh 2rem}.navigation__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:3rem;place-items:center;list-style:none}.navigation__link:link,.navigation__link:visited{display:inline-block;font-size:1.4rem;color:#f5f5f5;text-decoration:none;text-transform:uppercase;transition:all .2s}.navigation__link:active,.navigation__link:hover{color:#425844;transform:translateY(-1rem)}.btn{display:inline-block;padding:1.5rem 3rem;border:none;background-color:#61a568;color:#fff;font-size:1.6rem;font-weight:500;text-transform:uppercase;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#425844}.mgb-small{margin-block-end:3rem}.mb-40px{margin-bottom:40px}