:root {
--theme-primary: #1b5e20;
--theme-secondary: #33691e;
--theme-tertiary: #388e3c;
--theme-accent: #2e7d32;
--theme-hover: #76ff03;
--theme-text: #fafafa;
--theme-button-bg: #2e7d32;
--theme-button-hover: #76ff03;
--theme-jam-bg: #0d3d10;
}


:root {
--bs-body-bg: var(--theme-primary);
--white-color: var(--theme-text);
}

body {
color: var(--white-color);
background-color: var(--bs-body-bg);
}


a {
color: var(--theme-accent);
}

a:hover {
color: var(--theme-hover);
}


.form-control {
background-color: #1d1d1d;
}

.form-control:focus {
background-color: #1d1d1d;
}


.card {
background-color: #1d1d1d;
}

.card-title {
color: var(--white-color);
}

.list-group-item:disabled {
background-color: #1d1d1d;
}

.list-group-item.active {
color: #1d1d1d;
}

.list-group-item {
border-bottom: 1px solid var(--theme-secondary);
}

.list-group-item-action:focus,.list-group-item-action:hover {
background-color: var(--theme-secondary);
}

.list-group-item.active a {
background-color: var(--theme-secondary);
border: none;
color: var(--theme-accent);
}

.list-group-item a:hover {
color: var(--theme-accent);
}


.carousel-control-next,.carousel-control-prev {
color: #1d1d1d;
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
color: #1d1d1d;
}

.carousel-indicators [data-bs-target] {
background-color: #1d1d1d;
}

.carousel-caption {
color: #1d1d1d;
}

.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #1d1d1d;
}

.carousel-dark .carousel-caption {
color: #1d1d1d;
}


.owl-carousel .owl-video-wrapper {
background: var(--theme-primary);
}


.color-1 {
background-color: #1d1d1d;
}

.color-2 {
background-color: var(--theme-secondary);
}

.color-3 {
background-color: var(--theme-tertiary);
background-image: linear-gradient(90deg, var(--theme-primary) 0, var(--theme-secondary) 49%, var(--theme-primary));
}


i.icon {
color: #1d1d1d;
}

.btn-regis {
background: linear-gradient(to bottom, var(--theme-button-bg), var(--theme-button-hover));
color: #1d1d1d;
}

.btn-regis:hover {
background: linear-gradient(to bottom, var(--theme-button-hover), var(--theme-button-bg));
}


.card.card-game {
background-image: linear-gradient(90deg, var(--theme-primary) 0, var(--theme-secondary) 49%, var(--theme-primary));
}

.card-game span {
color: var(--white-color);
}


.jam {
color: #fff;
background: var(--theme-jam-bg);
}

.pola {
color: #fff;
}


.btn-game {
color: #1d1d1d;
background: var(--theme-button-bg);
}

.btn-game:hover {
background-color: var(--theme-button-hover);
color: #fff;
}


.owl-item .active span {
color: #ffffff;
}

.owl-item span {
color: #ffffff;
}


input#search {
background-color: var(--theme-button-bg);
color: #1d1d1d;
}


.card-provider {
background-color: #1d1d1d;
}


.game-item {
background: var(--theme-secondary);
}


.carousel-game {
background-image: linear-gradient(90deg, var(--theme-primary) 0, var(--theme-secondary) 49%, var(--theme-primary));
}


.animate-charcter {
color: var(--white-color);
}


.percent {
background-color: var(--theme-secondary);
}

.percent p {
text-shadow: 0 0 3px var(--theme-primary), 0 0 3px var(--theme-primary), 0 0 3px var(--theme-primary);
}

.percent-bar {
color: #1d1d1d;
}


.yellow {
position: relative;
background-color: #debc01;
}

.green {
position: relative;
background-color: #0eb700;
}

.red {
position: relative;
background-color: #b12c55;
}

.green:after,.red:after,.yellow:after {
background: var(--theme-primary);
}


.footer-text {
background-image: linear-gradient(90deg, var(--theme-primary) 0, var(--theme-secondary) 49%, var(--theme-primary));
border-top: 1px solid var(--theme-tertiary);
}