body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #61a4ff !important;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

@font-face {
    font-family: 'GothamNarrowMedium';
    src: local('GothamNarrowMedium'), url(resources/fonts/GothamNarrow/GothamNarrowMedium.otf) format('opentype');
}

@font-face {
    font-family: 'GothamNarrowBlack';
    src: local('GothamNarrowBlack'), url(resources/fonts/GothamNarrow/GothamNarrow-Black.otf) format('opentype');
}

@font-face {
    font-family: 'GothamNarrow';
    src: local('GothamNarrow'), url(resources/fonts/GothamNarrow/GothamNarrow-Book.otf) format('opentype');
}

@font-face {
    font-family: 'GothamNarrowThin';
    src: local('GothamNarrowThin'), url(resources/fonts/GothamNarrow/GothamNarrowThin.otf) format('opentype');
}

@font-face {
    font-family: 'GothamNarrowUltra';
    src: local('GothamNarrowUltra'), url(resources/fonts/GothamNarrow/GothamNarrowUltra.otf) format('opentype');
}
@font-face {
    font-family: 'Brandon-Grotesque';
    src: local('Brandon_reg'), url(resources/fonts/Brandon-Grotesque/Brandon_reg.otf) format('opentype');
}
@font-face {
    font-family: 'Brandon-Grotesque-Bold';
    src: local('Brandon_bld'), url(resources/fonts/Brandon-Grotesque/Brandon_bld.otf) format('opentype');
}
@font-face {
    font-family: 'Brandon-Grotesque-Med';
    src: local('Brandon_med'), url(resources/fonts/Brandon-Grotesque/Brandon_med.otf) format('opentype');
}

@font-face {
    font-family: 'Mikado';
    src: local('Mikado'), url(resources/fonts/Mikado/MikadoRegular.otf) format('opentype');
}
@font-face {
    font-family: 'MikadoBold';
    src: local('MikadoBold'), url(resources/fonts/Mikado/MikadoBold.otf) format('opentype');
}
@font-face {
    font-family: 'MikadoBlack';
    src: local('MikadoBlack'), url(resources/fonts/Mikado/MikadoBlack.otf) format('opentype');
}


.slick-track .slick-slide:not(.slick-current) {
    opacity: 0.8;
}
.carrouselGameMods .slick-track .slick-slide:not(.slick-current) p{
   display: none;
}
.slick-track .slick-slide:not(.slick-current) h3{
    padding-bottom: 5vh;
}
.slick-dots li.slick-active button:before {
    color: #fbd03e !important;
    opacity: 1 !important;
}
.slick-slide{
    margin-bottom: 2vh;
}
.slick-list{
    min-height: 48vh;
    padding-top: 1vh !important;
}

.shadow {
    box-shadow: 0 9px 9px -9px rgba(0, 0, 0, 0.13);
    transition: top 0.4s;
}

.hidden {
    top:-100px !important;
    /*transform: translateY(-110%);*/
    transition: top 0.6s;
}

.App{
    overflow-x: hidden;
}

.carrouselFlags .slick-list {
    min-height: unset;
}
@media (min-width: 1024px) {
    .carrouselFlags:before,
    .carrouselFlags:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 100px;
        top: 0;
        height: 100%;
        pointer-events: none;
    }
    .carrouselFlags:before {
        left: 0;
        background: linear-gradient(to right, #2c4a73, rgba(0, 0, 0, 0));
    }
    .carrouselFlags:after {
        right: 0;
        background: linear-gradient(to left, #2c4a73, rgba(0, 0, 0, 0));
    }
}