:root {
    --background-color: #000;
    --background-position: center;
    --background-size: cover;
    --brand-width: 60%;
    --gradient-start: #000b;
    --gradient-end: #0000;

    --rainbow: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
        linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        linear-gradient(-60deg, red, orange, yellow, violet, red, violet, yellow, orange, red);
}

h3 {
    margin: 0!important;
}

.product_container {
    color: #ddd!important;
}

.pirates {
    --background-url: url("../../images/bg/pirates_bg.jpg");
    --highlight-color: #ffdd31;
}

.pirates h1 {
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, 1rem 1rem 1rem #000;
}

.monsters {
    --background-url: url("../../images/bluz/monsters-bg.jpg");
    --gradient-start: #443f81bb;
    --gradient-end: #443f8100;
}

body.white_header:before {
    content: '';
    position: absolute;
    top: 0;left:0;height: 30%;width: 100%;
    background: linear-gradient(var(--gradient-start), var(--gradient-end));
}

.white_header header {
    position: relative;
}

.white_header h1 {
    text-shadow: 1px 1px 1px #0004, -1px -1px 1px #0004;
}

.white_footer footer {
    background: #000B;
}

.ralph {
    --background-url: url("../../images/bluz/ralph-bg.jpg");
    --gradient-start: #2a859ebb;
    --gradient-end: #2a859e00;
}

.football {
    --background-url: url("../../images/bluz/bluz_bg.jpg");
    --gradient-start: #432728bb;
    --gradient-end: #43272800;
}

.football h1 span {
    display: block;
    font-size: 1rem;
    font-weight: normal;
    color: var(--highlight-color);
}

.football.erling {
    --background-url: url(../../images/football/fz_bg_0423.jpg);
    --gradient-start: #1C1C1CEE;
    --gradient-end: #43272800;
}

.football.players {
    --background-url: url("../../images/football/football_bg_4_1024.jpg");
    --highlight-color: #00ff30;
    --gradient-start: #1C1C1CEE;
    --gradient-end: #43272800;
}

.football.rainbow {
    --background-url: url("../../images/football/f5_2024_circle.jpg");
    --highlight-color: #ff04de;
}

.cricket.pk {
    --background-url: url("../../images/cricket/cricket_pk.jpg");
}

.cricket.af {
    --background-url: url("../../images/cricket/cricket_af.jpg");
}

.cricket.bd {
    --background-url: url("../../images/cricket/cricket_bd.jpg");
}

.cricket h1,
.football h1,
.animated h1 {
    animation: aitf 25s linear infinite !important;
    background: var(--rainbow);
    background-size: 600%;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none !important;
    filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1rem #000);
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 20s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

.cricket .action .btn,
.football .action .btn,
.animated .action .btn {
    animation: aitf 25s linear infinite !important;
    background-image: var(--rainbow) !important;
    background-size: 600%;
}

@-webkit-keyframes aitf {
    0% { background-position: 0% 50%; }
    60% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.jake {
    --background-url: url("../../images/bg/subway_bg_1.jpg");
}

.jake h1,
.dwarf h1, .dwarf h2 {
    text-shadow: 1px 1px 1px #0008, -1px -1px 1px #0008;
}

.dwarf {
    --background-url: url("../../images/bg/bg_dwarf.jpg");
    --btn-background: center / contain url("../../images/btn/dwag_blue.png") no-repeat;
    --btn-box-shadow: none;
    --btn-color: #fff;
    --btn-padding: 1.85rem;
    --btn-font-size: 1.85rem;
    --highlight-color: #dcc51d;
}

.dwarf .card .btn {
    padding: 2.2rem 1rem;
}
.dwarf .action.click_two {
    --btn-background: center / contain url("../../images/btn/dwag_orange.png") no-repeat;
}

.metroland {
    --background-url: url("../../images/bg/bg_metroland.jpg");
}

.mussoumano {
    --background-url: url("../../images/bg/bg_mussoumano.jpg");
    --gradient-start: #b98a1e88;
    --gradient-end: #b98a1e00;
    --btn-background: linear-gradient(#f2b222, #cb620c);
    /*--btn-background: center / contain url("../../images/btn/mussoumano_orange.png") no-repeat;*/
    /*--btn-box-shadow: none;*/
}

.volleyball {
    --background-url: url("../../images/bg/bg_voleyball.jpg");
    --btn-background: center / contain url("../../images/btn/volleyball_blue.png") no-repeat;
    --btn-box-shadow: none;
    --btn-color: #fff;
    --btn-padding: 2rem;
    --btn-font-size: 2rem;
}

.toprider {
    --background-url: url("../../images/bg/bg_toprider.jpg");
}

.cyberpunk {
    --background-url: url("../../images/bg/apps_bg_af_1.webp");
    --btn-background: center / contain url("../../images/btn/bibots_btn.png") no-repeat;
    --btn-box-shadow: none;
    --btn-color: #fff;
    --btn-padding: 2rem;
    --btn-font-size: 2rem;
    --highlight-color: #fddc00;
}

.shooter {
    --background-url: url(../../images/bg/robot_bg.jpg);
    --highlight-color: #fddc00;
    --gradient-start: #252f0abb;
    --gradient-end: #252f0a00;
}

body.shooter::after {
    content: '';
    position: absolute;
    top: 3rem; right: 0;
    width: 100%; height: calc(100% - 17rem);
    background: top center / cover url(../../images/soldier.png) no-repeat;
}

.shooter section,
.shooter footer {
    position: relative;
    z-index: 1;
}

.dragon {
    --background-url: url(../../images/bg/apps_dragon.jpg);
    --highlight-color: #fddc00;
    --gradient-start: #000b;
    --gradient-end: #0000;
}

.trails {
    --background-url: url("../../images/bg/bg_trails.jpg");
    --btn-background: center / contain url("../../images/btn/btn_trails.png") no-repeat;
    --btn-box-shadow: none;
    --btn-color: #fddc00;
    --btn-padding: 2rem;
    --btn-font-size: 2rem;
    --highlight-color: #fddc00;
}

.ramadan {
    --background-url: url("../../images/bg/ramadan_bg_1.jpg");
    --btn-background: center / contain url("../../images/btn/btn_trails.png") no-repeat;
    --btn-box-shadow: none;
    --btn-color: #fddc00;
    --btn-padding: 2rem;
    --btn-font-size: 2rem;
    --highlight-color: #fddc00;
}

.ramadan.cats {
    --background-url: url("../../images/bg/ramadan_bg_2.jpg");
}

.ramadan.surfer {
    --background-url: url("../../images/bg/ramadan_bg_3.jpg");
}

.tom_friends {
    --background-url: url("../../images/bg/kids_bg_tom_friends.jpg");
    --highlight-color: #fddc00;
}

.tom_balls {
    --background-url: url("../../images/apps_children/bg.jpg");
    --background-position: top center;
    --background-size: contain;
    --background-color: #feec7f;

    --btn-background: center / contain url("../../images/apps_children/btn.png") no-repeat;
    --btn-box-shadow: none;
    --btn-color: #fff;
    --btn-padding: 2.2rem 0 2.5rem;
    --btn-font-size: 1.5rem;

    --highlight-color: #8efd00;
    --gradient-start: #00000044;
    --gradient-end: #00000000;
    --h1-color: #b0276a;
}

.tom_balls h1 {
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
}

.tom_balls .card {
    position: relative;
}

.tom_balls .card::after, .tom_balls .card::before {
    content: "";
    background-image: url(../../images/apps_children/balloons.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 9rem;
    width: 9rem;
}

.tom_balls .card::after {
    bottom: 0;
    left: -6rem;
    background-position: center right;
    right: auto;
}

.tom_balls .card::before {
    bottom: -8%;
    right: -5rem;
    background-position: center left;
    left: auto;
}

.cartoon .card {
    /*margin-top: 14rem;*/
}