body,
         h1 {
         font-family: Prompt, sans-serif
         }
         .btn-body {
         margin: 15px -5px;
         position: relative;
         display: flex
         }
         .btn-body .btn-items {
         margin: 0 5px;
         width: 100%
         }
         .btn-body .btn-items a {
         text-decoration: none;
         width: 100%;
         padding: 10px 5px;
         color: #000;
         background-color: #f31010dc;
         border-radius: 5px;
         display: inline-block;
         text-align: center;
         text-shadow: 0 1px 3px rgb(248 246 246 / .75);
         font-weight: 600
         }
         .btn-body {
         margin: 15px 0;
         position: relative;
         display: flex
         }
         .btn-body .btn-items a {
         animation: blinking .5s infinite;
         transition: all .4s;
         color: #fff;
         text-decoration: none;
         width: 100%;
         padding: 10px 0;
         color: #fff;
         background: -webkit-linear-gradient(top, #191919, #191919 100%);
         border-radius: 15px;
         display: inline-block;
         text-align: center;
         overflow: hidden;
         position: relative
         }
         .btn-body .btn-items a::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #f31010dc;
         opacity: 0;
         -webkit-transition: 0.2s opacity ease-in-out;
         transition: 0.2s opacity ease-in-out
         }
         .n-row-span-2,
         .n-span-2 {
         grid-row: span 2 / span 2
         }
         .n-column-span-2,
         .n-span-2 {
         grid-column: span 2 / span 2
         }
         .btn,
         img {
         vertical-align: middle
         }
         .btn:hover,
         a {
         text-decoration: none
         }
         .btn,
         .btn-primary,
         .btn-secondary,
         .progress-bar,
         .text-center {
         text-align: center
         }
         :root {
         --white: #FFFFFF;
         --max-width: 1080px;
         --n-space: min(max(12px, 3.5vmin), 30px);
         --n-space-s: min(max(8px, 2vmin), 20px);
         --n-space-xs: min(max(4px, 1vmin), 10px);
         --base: #000000;
         --primary: #191919;
         --secondary: #000;
         --secondary-hover: #191919;
         --tertiary: #191919;
         --red: #626262;
         --blue: #aa8c21;
         --radius: 12px
         }
         body {
         color: var(--white);
         background: var(--base)
         }
         a {
         color: #FFF
         }
         h1 {
         display: block;
         font-size: 22px;
         margin-block-start: .83em;
         margin-block-end: .83em;
         margin-inline-start: 0;
         margin-inline-end: 0;
         font-weight: 700
         }
         ::-webkit-scrollbar {
         width: 10px
         }
         ::-webkit-scrollbar-track {
         background: var(--primary)
         }
         ::-webkit-scrollbar-thumb {
         background: var(--blue)
         }
         ::-webkit-scrollbar-thumb:hover {
         background: var(--red)
         }
         .nav {
         background: #191919;
         width: 100%;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 9999;
         display: flex;
         align-items: stretch;
         justify-content: space-between;
         padding: var(--n-space-s) var(--n-space)
         }
         .logo,
         .logo-inner {
         align-items: center;
         display: flex
         }
         .logo {
         border-radius: 5px;
         transform: skewY(-3deg) skewX(-17deg);
         padding: 36px 25px 16px 65px;
         margin: -30px 0 -20px -65px
         }
         .logo-inner {
         transform: skewY(3deg) skewX(17deg)
         }
         .button-wrapper {
         display: flex;
         align-items: center
         }
         .button-wrapper a:first-child,
         .tabs img,
         .tabs-blue img {
         margin-right: var(--n-space-s)
         }
         .n-container {
         max-width: var(--max-width);
         margin: auto;
         padding: 0 var(--n-space)
         }
         .hero {
         padding-top: calc(var(--n-space) + var(--n-space))
         }
         .n-columns-gap {
         grid-gap: var(--n-space-s)
         }
         .n-columns-2 {
         display: grid;
         grid-template-columns: repeat(2, 1fr)
         }
         .n-columns-3 {
         display: grid;
         grid-template-columns: repeat(3, 1fr)
         }
         .n-columns-6 {
         display: grid;
         grid-template-columns: repeat(6, 1fr)
         }
         .n-columns-5 {
         display: grid;
         grid-template-columns: repeat(5, 1fr)
         }
         .center,
         .middle,
         .n-card {
         display: flex
         }
         .n-card {
         border-radius: var(--radius);
         padding: var(--n-space-s);
         min-height: 50px;
         background: var(--secondary);
         position: relative;
         overflow: hidden;
         flex-direction: column;
         justify-content: space-between
         }
         .contain,
         .padding-normal,
         table {
         padding: var(--n-space)
         }
         .n-card:hover,
         .seo-accordion .accordion .btn-accordion:hover,
         .seo-accordion .accordion input:checked~.btn-accordion,
         .tabs-blue:hover,
         .tabs:hover {
         background: var(--secondary-hover)
         }
         .n-title {
         font-weight: 700;
         font-size: 1.1rem;
         z-index: 2
         }
         .n-desc {
         font-size: .8rem;
         z-index: 2
         }
         .card-blur {
         position: absolute;
         bottom: -40%;
         left: 50%;
         transform: translate3d(-50%, 0, 0);
         width: 210px;
         height: 155px;
         background: #0035f0;
         filter: blur(60px)
         }
         .card-image,
         section .card.card-game .percent p {
         position: absolute;
         bottom: 0;
         right: 0
         }
         .bg-container,table {
         background: #0fa60a;
         border-radius: var(--radius)
         }
         .n-games {
         border-radius: var(--radius)
         }
         .padding-s,
         .tabs,
         .tabs-blue,
         td {
         padding: var(--n-space-s)
         }
         .m-b-normal {
         margin-bottom: var(--n-space)
         }
         .middle {
         flex-direction: column;
         justify-content: center
         }
         .center {
         justify-content: center;
         align-items: center
         }
         .tabs,
         .tabs-blue {
         border-radius: var(--radius)
         }
         .tabs {
         background: var(--secondary)
         }
         .tabs-blue {
         background: var(--blue)
         }
         table {
         width: 100%
         }
         blockquote,
         td {
         background: var(--secondary)
         }
         td {
         border-radius: var(--radius)
         }
         .btn-primary,
         .btn-secondary {
         font-size: 15px;
         padding: var(--n-space-xs) var(--n-space-s)
         }
         @media only screen and (max-width:768px) {
         .n-columns-m-1 {
         grid-template-columns: 1fr
         }
         .n-columns-m-2 {
         grid-template-columns: repeat(2, 1fr)
         }
         .n-columns-m-3 {
         grid-template-columns: repeat(3, 1fr)
         }
         .n-span-2 {
         grid-row: span 2 / span 2;
         grid-column: span 2 / span 2
         }
         .n-card {
         min-height: 100px
         }
         .hero {
         margin-bottom: var(--n-space)
         }
         .nav {
         width: 100%
         }
         .fixed-menu {
         position: fixed;
         display: grid;
         bottom: 0;
         left: 0;
         width: 100%;
         z-index: 999;
         background: var(--primary)
         }
         .active,
         .btn-footer:hover {
         background: var(--secondary-hover)
         }
         .btn-footer {
         padding: var(--n-space-s);
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         font-size: .7rem;
         color: var(--tertiary);
         border: var(--radius)
         }
         .btn-footer:hover {
         color: var(--red)
         }
         .btn-footer svg {
         width: 1.3rem;
         height: 1.3rem;
         margin-bottom: var(--n-space-xs);
         fill: var(--tertiary)
         }
         .active {
         color: var(--blue)
         }
         .active svg {
         fill: var(--blue)
         }
         .btn-primary,
         .btn-secondary {
         font-size: 14px;
         padding: 3px 10px
         }
         }
         .btn,
         blockquote {
         padding: var(--n-space-s) var(--n-space)
         }
         .btn,
         .btn-primary {
         background: linear-gradient(to bottom, #ead074 0%, #cda92d 100%)
         }
         .btn,
         .btn-primary,
         .btn-secondary {
         color: #fff;
         border-radius: var(--radius);
         font-weight: 700
         }
         .btn-secondary {
         background: #191919;
         border: 2px solid #ead074;
         stroke: #ead074;
         stroke-width: 2px
         }
         .btn {
         box-shadow: 0 0 25px rgb(29 113 237 / 50%)
         }
         .article {
         border: 1px solid var(--secondary);
         padding: var(--n-space);
         border-radius: var(--radius)
         }
         .article p, li {
          color: #fff;
          line-height: 1.6;
        }
         .article a {
         color: var(--red)
         }
         blockquote {
         margin: 0;
         border-radius: var(--radius);
         position: relative
         }
         blockquote::before {
         content: "";
         width: 3px;
         background: var(--red);
         position: absolute;
         left: 0;
         top: calc(var(--n-space-s) + var(--n-space-s));
         height: calc(100% - (var(--n-space) + var(--n-space)))
         }
         .seo-accordion,
         .w-100 {
         width: 100%
         }
         .seo-accordion .accordion {
         position: relative;
         display: block;
         margin: 0
         }
         .seo-accordion .accordion input {
         position: absolute;
         opacity: 0;
         z-index: -1
         }
         .seo-accordion .accordion .btn-accordion {
         display: block;
         text-align: left;
         margin-bottom: var(--n-space-s);
         border: 0;
         border-radius: var(--radius);
         background: var(--secondary);
         color: var(--white);
         font-weight: 700;
         cursor: pointer;
         padding: var(--n-space);
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box
         }
         .seo-accordion .accordion .btn-accordion:active,
         .seo-accordion .accordion .btn-accordion:focus {
         outline: 0
         }
         .seo-accordion .accordion .btn-accordion .arrow {
         float: right;
         width: 24px;
         height: 24px;
         border: 1px solid var(--red);
         border-radius: var(--radius)
         }
         .seo-accordion .accordion input:checked~.btn-accordion .arrow {
         transform: rotate(180deg)
         }
         .seo-accordion .accordion .btn-accordion .arrow path {
         fill: var(--white)
         }
         .seo-accordion .accordion .content-accordion {
         width: 100%;
         padding: 0;
         margin: 5px 0;
         display: none
         }
         .seo-accordion .accordion .content-accordion p {
         margin: var(--n-space);
         padding: 0
         }
         .seo-accordion .accordion input:checked~.content-accordion {
         display: block;
         pointer-events: all;
         visibility: visible
         }
         :root {
         --color-1: #000000;
         --color-2: #ff6c00;
         --color-3: #000000;
         --color-4: #035d20;
         --color-5: #e19909;
         --color-6: #15ef70;
         --color-7: #ffffff;
         --color-8: #023f15;
         --color-9: #00b355
         }
         *,
         ::after,
         ::before {
         box-sizing: border-box
         }
         .d-block,
         section {
         display: block
         }
         .card,
         .row {
         display: -ms-flexbox
         }
         p {
         margin-top: 0;
         margin-bottom: 1rem
         }
         img {
         border-style: none
         }
         .btn:not(:disabled):not(.disabled),
         [type="button"]:not(:disabled),
         [type="reset"]:not(:disabled),
         [type="submit"]:not(:disabled),
         button:not(:disabled) {
         cursor: pointer
         }
         ::-webkit-file-upload-button {
         font: inherit;
         -webkit-appearance: button
         }
         .btn,
         small {
         font-weight: 400
         }
         .btn,
         .btn-sm {
         line-height: 1.5
         }
         small {
         font-size: 80%
         }
         .container {
         width: 100%;
         padding-right: 15px;
         padding-left: 15px;
         margin-right: auto;
         margin-left: auto
         }
         @media (min-width:576px) {
         .container {
         max-width: 540px
         }
         }
         @media (min-width:768px) {
         .container {
         max-width: 720px
         }
         .row-cols-md-4>* {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
         }
         }
         @media (min-width:992px) {
         .container {
         max-width: 960px
         }
         .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0%;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
         }
         .row-cols-lg-4>* {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
         }
         }
         .row {
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         margin-right: -15px;
         margin-left: -15px
         }
         .no-gutters {
         margin-right: 0;
         margin-left: 0
         }
         .no-gutters>[class*="col-"],
         .px-0 {
         padding-right: 0;
         padding-left: 0
         }
         .col-12,
         .col-6,
         .col-lg {
         position: relative;
         width: 100%;
         padding-right: 15px;
         padding-left: 15px
         }
         .col-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
         }
         .col-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
         }
         @media (min-width:1200px) {
         .container {
         max-width: 1140px
         }
         .row-cols-xl-5>* {
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%
         }
         .row-cols-xl-6>* {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
         }
         }
         .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
         .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
         border-color: var(--secondary)
         }
         .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
         .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
         border-color: #dc3545
         }
         .btn {
         display: inline-block;
         color: #212529;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         background-color: #fff0;
         border: 1px solid #fff0;
         padding: .375rem .75rem;
         font-size: 1rem;
         border-radius: .25rem;
         transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
         }
         .btn:hover {
         color: #212529
         }
         .btn:focus {
         outline: 0;
         box-shadow: 0 0 0 .2rem rgb(0 123 255 / .25)
         }
         .btn:disabled {
         opacity: .65
         }
         .btn-primary:not(:disabled):not(.disabled).active,
         .btn-primary:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #cda92d;
         border-color: indigo
         }
         .btn-primary:not(:disabled):not(.disabled).active:focus,
         .btn-primary:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(38 143 255 / .5)
         }
         .btn-secondary:not(:disabled):not(.disabled).active,
         .btn-secondary:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #545b62;
         border-color: #4e555b
         }
         .btn-secondary:not(:disabled):not(.disabled).active:focus,
         .btn-secondary:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(130 138 145 / .5)
         }
         .btn-success:focus,
         .btn-success:not(:disabled):not(.disabled).active:focus,
         .btn-success:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(72 180 97 / .5)
         }
         .btn-outline-success:not(:disabled):not(.disabled).active,
         .btn-outline-success:not(:disabled):not(.disabled):active,
         .btn-success,
         .btn-success:disabled {
         color: #fff;
         background-color: #28a745;
         border-color: #28a745
         }
         .btn-success:focus,
         .btn-success:hover {
         background-color: #218838;
         border-color: #1e7e34;
         color: #fff
         }
         .btn-success:not(:disabled):not(.disabled).active,
         .btn-success:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #1e7e34;
         border-color: #1c7430
         }
         .btn-info:not(:disabled):not(.disabled).active,
         .btn-info:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #117a8b;
         border-color: #10707f
         }
         .btn-info:not(:disabled):not(.disabled).active:focus,
         .btn-info:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(58 176 195 / .5)
         }
         .btn-warning:not(:disabled):not(.disabled).active,
         .btn-warning:not(:disabled):not(.disabled):active {
         color: #212529;
         background-color: #d39e00;
         border-color: #c69500
         }
         .btn-warning:not(:disabled):not(.disabled).active:focus,
         .btn-warning:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(222 170 12 / .5)
         }
         .btn-danger:not(:disabled):not(.disabled).active,
         .btn-danger:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #bd2130;
         border-color: #b21f2d
         }
         .btn-danger:not(:disabled):not(.disabled).active:focus,
         .btn-danger:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(225 83 97 / .5)
         }
         .btn-light:not(:disabled):not(.disabled).active,
         .btn-light:not(:disabled):not(.disabled):active {
         color: #212529;
         background-color: #dae0e5;
         border-color: #d3d9df
         }
         .btn-light:not(:disabled):not(.disabled).active:focus,
         .btn-light:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(216 217 219 / .5)
         }
         .btn-dark:not(:disabled):not(.disabled).active,
         .btn-dark:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #1d2124;
         border-color: #171a1d
         }
         .btn-dark:not(:disabled):not(.disabled).active:focus,
         .btn-dark:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(82 88 93 / .5)
         }
         .btn-outline-primary:not(:disabled):not(.disabled).active,
         .btn-outline-primary:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #007bff;
         border-color: #007bff
         }
         .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
         .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(0 123 255 / .5)
         }
         .btn-outline-secondary:not(:disabled):not(.disabled).active,
         .btn-outline-secondary:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #6c757d;
         border-color: #6c757d
         }
         .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
         .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(108 117 125 / .5)
         }
         .btn-outline-success:not(:disabled):not(.disabled).active:focus,
         .btn-outline-success:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(40 167 69 / .5)
         }
         .btn-outline-info:not(:disabled):not(.disabled).active,
         .btn-outline-info:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: indigo;
         border-color: indigo
         }
         .btn-outline-info:not(:disabled):not(.disabled).active:focus,
         .btn-outline-info:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(23 162 184 / .5)
         }
         .btn-outline-warning:not(:disabled):not(.disabled).active,
         .btn-outline-warning:not(:disabled):not(.disabled):active {
         color: #212529;
         background-color: #000;
         border-color: #000
         }
         .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
         .btn-outline-warning:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(255 193 7 / .5)
         }
         .btn-outline-danger:not(:disabled):not(.disabled).active,
         .btn-outline-danger:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #dc3545;
         border-color: #dc3545
         }
         .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
         .btn-outline-danger:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(220 53 69 / .5)
         }
         .btn-outline-light:not(:disabled):not(.disabled).active,
         .btn-outline-light:not(:disabled):not(.disabled):active {
         color: #212529;
         background-color: #f8f9fa;
         border-color: #f8f9fa
         }
         .btn-outline-light:not(:disabled):not(.disabled).active:focus,
         .btn-outline-light:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(248 249 250 / .5)
         }
         .btn-outline-dark:not(:disabled):not(.disabled).active,
         .btn-outline-dark:not(:disabled):not(.disabled):active {
         color: #fff;
         background-color: #343a40;
         border-color: #343a40
         }
         .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
         .btn-outline-dark:not(:disabled):not(.disabled):active:focus {
         box-shadow: 0 0 0 .2rem rgb(52 58 64 / .5)
         }
         .btn-sm {
         padding: .25rem .5rem;
         font-size: .875rem;
         border-radius: .2rem
         }
         .custom-control-input:focus:not(:checked)~.custom-control-label::before {
         border-color: #80bdff
         }
         .custom-control-input:not(:disabled):active~.custom-control-label::before {
         color: #fff;
         background-color: #b3d7ff;
         border-color: #b3d7ff
         }
         .card {
         position: relative;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         min-width: 0;
         word-wrap: break-word;
         background-color: #fff;
         background-clip: border-box;
         border: 1px solid rgb(0 0 0 / .125);
         border-radius: .25rem
         }
         .card-body {
         -ms-flex: 1 1 auto;
         flex: 1 1 auto;
         min-height: 1px;
         padding: 1.25rem
         }
         .card-footer {
         padding: .75rem 1.25rem;
         background-color: rgb(0 0 0 / .03);
         border-top: 1px solid rgb(0 0 0 / .125)
         }
         .py-0,
         .py-1,
         .py-2 {
         padding-bottom: 0
         }
         .card-footer:last-child {
         border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
         }
         .card-img-top {
         -ms-flex-negative: 0;
         flex-shrink: 0;
         width: 100%;
         border-top-left-radius: calc(0.25rem - 1px);
         border-top-right-radius: calc(0.25rem - 1px)
         }
         .progress-bar {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         -ms-flex-pack: center;
         justify-content: center;
         overflow: hidden;
         color: #fff;
         white-space: nowrap;
         background-color: #007bff;
         transition: width 0.6s
         }
         @media (prefers-reduced-motion:reduce) {
         .btn,
         .progress-bar {
         transition: none
         }
         }
         .progress-bar-striped {
         background-image: linear-gradient(45deg, rgb(255 255 255 / .15) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / .15) 50%, rgb(255 255 255 / .15) 75%, transparent 75%, transparent);
         background-size: 1rem 1rem
         }
         .close:not(:disabled):not(.disabled):focus,
         .close:not(:disabled):not(.disabled):hover {
         opacity: .75
         }
         .bg-success {
         background-color: #28a745
         }
         .bg-warning {
         background-color: #000
         }
         .bg-danger {
         background-color: #dc3545
         }
         .bg-transparent {
         background-color: #fff0
         }
         .border-0 {
         border: 0
         }
         .d-none {
         display: none
         }
         .d-flex {
         display: flex;
         margin-bottom: 20px
         }
         .align-items-end {
         -ms-flex-align: end;
         align-items: flex-end
         }
         .shadow {
         box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15)
         }
         .h-100 {
         height: 100%
         }
         .mt-2 {
         margin-top: .5rem
         }
         .mt-3 {
         margin-top: 1rem
         }
         .mb-3 {
         margin-bottom: 1rem
         }
         .py-0 {
         padding-top: 0
         }
         .py-1 {
         padding-top: .25rem
         }
         .px-1 {
         padding-right: .25rem;
         padding-left: .25rem
         }
         .py-2 {
         padding-top: .5rem
         }
         .pt-3 {
         padding-top: 0
         }
         .px-3 {
         padding-right: 1rem;
         padding-left: 1rem
         }
         @media (min-width:992px) {
         .d-lg-none {
         display: none
         }
         .d-lg-block {
         display: block
         }
         .px-lg-2 {
         padding-right: .5rem;
         padding-left: .5rem
         }
         }
         .text-white {
         color: #fff
         }
         @media print {
         *,
         ::after,
         ::before {
         text-shadow: none;
         box-shadow: none
         }
         img {
         page-break-inside: avoid
         }
         p {
         orphans: 3;
         widows: 3
         }
         @page {
         size: a3
         }
         .container,
         body {
         min-width: 992px
         }
         }
         .bg-color-8 {
         background-color: var(--primary)
         }
         section .card.card-game {
         border-radius: 25px;
         width: 100%;
         margin: 0 auto
         }
         section .card.card-game .card-img-top {
         border-radius: 25px
         }
         section .card.card-game .card-body {
         justify-content: center;
         align-items: center;
         border-radius: 25px
         }
         section .card.card-game .percent {
         height: 27px;
         display: flex;
         overflow: hidden;
         line-height: 0;
         font-size: .75rem;
         background-color: #e9ecef;
         position: relative;
         z-index: 1;
         margin: 0 auto;
         border-radius: 25px
         }
         section .card.card-game .percent p {
         z-index: 15;
         top: 0;
         left: 0;
         width: auto;
         height: auto;
         line-height: 27px;
         text-align: center;
         font-size: 14px;
         font-weight: 700;
         color: #000
         }
         .marquee-text {
         height: auto;
         display: block;
         line-height: 30px;
         overflow: hidden;
         position: relative
         }
         .marquee-text div {
         height: auto;
         line-height: 22px;
         font-size: 13px;
         white-space: nowrap;
         color: #fff;
         z-index: 1;
         font-weight: 600;
         font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
         animation: 20s linear infinite marquee;
         margin-top: 3px
         }
         .marquee-text:hover div {
         animation-play-state: paused
         }
         @keyframes marquee {
         0% {
         transform: translateX(100%)
         }
         100% {
         transform: translateX(-100%)
         }
         }
         h1,
         h2,
         h3,
         h4 {
         color: #fff;
         }
         .rainbow-text {
         font-size: 1em;
         }
         @keyframes rainbow {
         0% {
         color: red
         }
         16.66% {
         color: orange
         }
         33.33% {
         color: #ff0
         }
         50% {
         color: green
         }
         66.66% {
         color: blue
         }
         83.33% {
         color: indigo
         }
         100% {
         color: violet
         }
         }
         @keyframes blinking {
         0% {
         border: 5px solid #fff
         }
         100% {
         border: 5px solid rgb(255 255 255 / .05)
         }
         }