*{
padding:0;
margin:0;
border:0
}
*,::after,::before{
/*-webkit-box-sizing:border-box;*/
box-sizing:border-box
}
a,a:link,a:visited{
color:inherit
}
a,a:hover,a:link,a:visited{
text-decoration:none
}
aside,footer,header,legend,main,nav,section{
display:block
}
h1,h2,h3,h4,h5,h6,p{
font-size:inherit;
font-weight:inherit
}
ul,ul li{
list-style:none
}
img{
vertical-align:top
}
img,svg{
max-width:100%;
height:auto
}
address{
font-style:normal
}
input,select,textarea{
background-color:transparent
}
button,input,select,textarea{
font-family:inherit;
font-size:inherit;
color:inherit
}
/*input::-ms-clear{
display:none
}*/
button,input[type=submit]{
display:inline-block;
/*-webkit-box-shadow:none;*/
box-shadow:none;
background-color:transparent;
background:0 0;
cursor:pointer
}
button:active,button:focus,input:active,input:focus{
outline:0
}
/*button::-moz-focus-inner{
padding:0;
border:0
}*/
label{
cursor:pointer
}
:root{
--primary-color:#110d0e;
--bg-color:var(--primary-color);
--accent-color:#c9051d;
--accent-grad:linear-gradient(180deg, #d1021b, #a71023);
--secondary-color:#F5C66B;
--secondary-grad:linear-gradient(0deg, #fffc, #fffc), linear-gradient(180deg, #fff, #dadada);
--surface-grad:linear-gradient(180deg, rgba(166, 3, 22, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%), #1F1A1B;
--surface-navbar:linear-gradient(0deg,#000000b3,#000000b3),linear-gradient(180deg,#c8c8c8b3,#1f1a1b00);
--white-color:#fff;
--black-color:#000;
--text-color:#d1d1d1;
--text-color-alt:var(--white-color);
--font-main:"Arial", sans-serif;
--transition-duration:.2s;
--container-width:1240px;
--container-padding-x:15px
}
body,html{
scroll-behavior:smooth;
scroll-margin-top:5rem;
height:100%
}
html{
font-size:100%
}
body{
/*font-family:var(--font-main);*/
color:var(--text-color);
background-color:var(--bg-color);
overflow-x:hidden
}
ol{
margin-left:2rem;
font-size:1.25rem
}
li:not(:last-child){
margin-bottom:.5rem
}
.container{
max-width:1182px;
width:100%;
padding:0 15px;
margin-left:auto;
margin-right:auto
}
.mobile-scroll{
overflow-x:scroll;
/*-ms-overflow-style:none;*/
scrollbar-width:none
}
.icon-24{
width:1.5rem;
height:1.5rem;
max-width:1.5rem;
max-height:1.5rem
}
.base-section{
margin-bottom:3rem
}
h1,h2,h3,h4{
line-height:120%
}
p{
line-height:140%;
font-size:1rem
}
h1{
font-size:3rem
}
h2{
font-size:2.25rem
}
h3{
font-size:1.6rem
}
.heading{
font-weight:700;
/*color:var(--text);*/
margin-bottom:1rem
}
.heading::first-letter{
text-transform:uppercase
}
.heading--icon{
/*display:-webkit-box;*/
/*display:-ms-flexbox;*/
display:flex;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center;
/*-webkit-box-pack:center;
-ms-flex-pack:center;*/
justify-content:center
}
.heading--grey{
color:#c4c4c4
}
.heading__text{
margin-left:.5rem
}
.heading--center{
text-align:center
}
.simple-text{
font-size:1.25rem;
/*color:var(--text)*/
}
.simple-text--center{
text-align:center
}
.simple-text--s{
font-size:1rem
}
.game-gallery{
padding-top:1rem;
padding-left:1rem;
padding-right:1rem
}
.game-gallery__row{
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:.5rem;
min-width:100%
}
.game-gallery__title{
font-size:1.25rem;
font-weight:700;
display:none
}
.game-gallery__title::after{
content:"";
border-bottom:1px solid var(--text-color);
border-left:1px solid var(--text-color);
display:inline-block;
margin-left:6px;
height:6px;
/*-webkit-transform:rotate(-135deg) translateY(.2rem);
-ms-transform:rotate(-135deg) translateY(.2rem);*/
transform:rotate(-135deg) translateY(.2rem);
width:6px
}
.game-gallery__top{
padding-bottom:1rem
}
.game-card{
/*display:-webkit-inline-box;
display:-ms-inline-flexbox;*/
display:inline-flex;
/*-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;*/
flex-direction:column;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center
}
.game-card__img,.game-card__thumb{
border-radius:10px;
max-width:132px;
max-height:132px
}
.game-card__thumb{
position:relative;
min-width:132px;
min-height:132px;
overflow-y:hidden
}
.game-card__img{
width:100%;
height:100%;
aspect-ratio:1/1;
/*-o-object-fit:cover;*/
object-fit:cover
}
.game-card__overlay{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
display:none;
/*-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;*/
flex-direction:column;
/*-webkit-box-pack:justify;
-ms-flex-pack:justify;*/
justify-content:space-between;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center;
padding:.5rem 0;
background-color:rgba(0,0,0,.5);
z-index:4
}
.game-card__thumb:hover .game-card__overlay{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex
}
.game-card__title{
font-size:.8rem;
color:var(--text-color);
text-align:center;
margin-top:.2rem;
max-width:70%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game-card__btn{
font-size:.8rem
}
.game-card__badge{
display:inline-block;
position:absolute;
top:0;
left:0;
z-index:2;
color:var(--black-color);
padding:5px .5rem;
text-transform:uppercase;
font-weight:500;
font-size:.8rem;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
background-color:var(--white-color)
}
.float-btn{
border-bottom-right-radius:0
}
.float-btn__wrapper{
position:fixed;
bottom:0;
right:0;
padding:1rem 1rem 2.5rem;
color:var(--black-color);
z-index:950
}
.float-btn__icon{
margin-right:1rem
}
.float-btn__content{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center
}
.float-btn__text{
font-weight:400;
line-height:100%
}
.navbar,.navbar__wrapper{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex;
/*-webkit-box-pack:center;
-ms-flex-pack:center;*/
justify-content:center
}
.navbar{
width:70%;
max-width:70rem;
height:100%;
/*-webkit-backdrop-filter:blur(2px);*/
backdrop-filter:blur(2px);
/*background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7019607843)),to(rgba(0,0,0,.7019607843))),-webkit-gradient(linear,left top,left bottom,from(rgba(200,200,200,.7019607843)),to(rgba(31,26,27,0)));*/
background:linear-gradient(0deg,rgba(0,0,0,.7019607843),rgba(0,0,0,.7019607843)),linear-gradient(180deg,rgba(200,200,200,.7019607843),rgba(31,26,27,0));
border-radius:20px 20px 0 0;
/*-webkit-box-shadow:inset 0 0 2px 0 rgba(255,255,255,.2509803922);*/
box-shadow:inset 0 0 2px 0 rgba(255,255,255,.2509803922);
padding:1rem 1.5rem
}
.navbar__wrapper{
width:100%;
position:fixed;
bottom:0;
z-index:900;
min-height:4.063rem;
max-height:4.063rem
}
.navbar__inner{
/*-webkit-box-pack:justify;
-ms-flex-pack:justify;*/
justify-content:space-between;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center
}
.navbar__inner,.navbar__link,.navbar__menu{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex
}
.navbar__menu{
gap:1rem
}
.navbar__link{
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center;
/*-webkit-transition:.2s;*/
transition:.2s;
padding-right:8px
}
.navbar__link:hover{
color:var(--accent-color)
}
.navbar__icon{
margin-right:.5rem;
/*-webkit-box-flex:1;
-ms-flex:1 0 auto;*/
flex:1 0 auto
}
.footer{
padding:2rem 0;
padding-bottom:6rem
}
.footer__nav{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex;
gap:4rem;
/*-ms-flex-wrap:wrap;*/
flex-wrap:wrap
}
.footer__nav-title{
font-weight:700;
margin-bottom:1.2rem
}
.footer__nav-row,.footer__nav-row div,.page{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex
}
.footer__nav-row{
gap:1rem;
/*-ms-flex-wrap:wrap;*/
flex-wrap:wrap
}
.footer__nav-row div,.page{
/*-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;*/
flex-direction:column
}
.footer__nav-row div{
gap:1rem
}
.page{
height:100%
}
.main{
padding-top:4.5rem;
/*-webkit-box-flex:1;
-ms-flex:1 0 auto;*/
flex:1 0 auto;
padding-bottom:6rem
}
.footer{
/*-webkit-box-flex:0;
-ms-flex:0 0 auto;*/
flex:0 0 auto
}
.main-content .btn{
margin:.5rem 0
}
.footer,.main-content h1,.main-content h2{
margin-top:2rem
}
.main-content h3{
margin-top:1rem
}
.main-content img{
display:block;
margin:1rem 0;
border-radius:10px
}
.main-content ol li,.main-content ul li{
font-size:1.25rem
}
@media screen and (min-width:769px){
.desktop-hidden{
display:none
}

}
@media screen and (max-width:1260px){
.navbar__link{
/*-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;*/
flex-direction:column;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center;
font-size:.8rem
}

}
@media screen and (max-width:1200px){
.container{
max-width:1030px
}

}
@media screen and (max-width:1024px){
.container{
max-width:940px
}
.game-gallery__row{
min-width:150%
}
.game-gallery__row--s{
grid-template-columns:repeat(6,minmax(0,1fr))
}
.game-gallery__top{
display:block
}
.float-btn{
padding:.8rem
}
.float-btn__icon{
margin-right:0
}
.float-btn__text{
display:none
}

}
@media screen and (max-width:992px){
h1{
font-size:2.5rem
}
h2{
font-size:2rem
}
h3{
font-size:1.5rem
}
p{
font-size:1rem
}

}
@media screen and (max-width:768px){
.mobile-hidden{
display:none
}
.game-gallery__row{
min-width:200%
}
.main-content .simple-text,.main-content ol li,.main-content ul li{
font-size:1rem
}

}
@media screen and (max-width:576px){
.container,.navbar{
max-width:100%
}
h1{
font-size:2rem
}
h2{
font-size:1.8rem
}
h3{
font-size:1.2rem
}
p{
font-size:1rem
}
.navbar{
width:100%
}
.navbar__menu{
padding-right:10px;
padding-left:10px
}

}
@media screen and (max-width:510px){
.game-gallery__row{
min-width:250%
}

}
@media screen and (max-width:454px){
.game-gallery__row{
min-width:380%
}

}
@media screen and (max-width:420px){
.float-btn__wrapper{
padding-bottom:5rem
}

}