@font-face {
    font-family: "regular";
    src: url("../fonts/CONSOLA.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "bold";
    src: url("../fonts/CONSOLAB.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}
* {
    /* overscroll-behavior: none;   */
    margin: 0;
    padding: 0;
    font-family: regular;
    scrollbar-width: none; 
    -ms-overflow-style: none;
    word-wrap: break-word;  
    /* border: 2px solid red; */
    border-radius: 3px;
}

html::-webkit-scrollbar {
    display: none;
}
body {
    /*blackflowbg
    background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia0.giphy.com%2Fmedia%2Fv1.Y2lkPTc5MGI3NjExOWt1enpydG5oZzMyOHJnM2txajZ3ZHRjcWtkeWE0eWRxamNrMHh5NyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw%2FLQULARulzL0QH3xzkK%2Fgiphy.gif&f=1&nofb=1&ipt=ef9daadd4dc7f666030c03a397b206e8c6c304dd066d7823d5ed1ac410d953f2'), black;
    /*
    background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwallpaperaccess.com%2Ffull%2F20458297.gif&f=1&nofb=1&ipt=71ad8fb729a3dc390eb8cf553ddc6a4513ca3b1d6c5c81834d36a7b9c3fee1fe');
    background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.gifer.com%2FX226.gif&f=1&nofb=1&ipt=12e5bdd49769fdbf337861ce8d53246ef086a176f810ec1f2b1a3f86bbc16034');
    background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fart.ngfiles.com%2Fimages%2F1498000%2F1498851_ghostwarriors_siren-head-attack-fan-gif-from-gw-universe.gif%3Ff1604947850&f=1&nofb=1&ipt=e45c28783d159d45a9fddb1141963141e37408d0abb6142bc1bfa80608cc181d');
    background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fgiffiles.alphacoders.com%2F276%2F2766.gif&f=1&nofb=1&ipt=baeb6d87bb41e3b33a27bcce0185ff265b6964424087277ae8446dc00864c579');
    /*
    amonggb 
    background: url('https://sussy.win/assets/images/amongbg.gif'), black;
    */
    background-color: black;
    background-size: cover; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; /* calc(50% + -69px); */
    min-height: 100vh;
    position: relative;
    color: #f0f8ff;
}
pre {
    color: greenyellow;
    text-align: center;
    /*background-color: rgba(0,0,0,.8)*/
}
@media (max-width: 500px) {
    .pre {
        transform: scale(.9)
    }
}

.b {
    font-family: bold;
}
.u {
    text-decoration: underline;
    font-weight: 700;
}
.i {
    font-style: italic;
}
/* \----------------------Navigation----------------------\ */
nav {
    /*background: linear-gradient(to right, #4AF262, rgba(255,215,0,1));
    */background: #001818;
    outline: 1px solid greenyellow;
    width: 99vw;
    max-width: 450px;
    margin: auto;
    display: flex;
    justify-content: center;  
    align-items: center;      
    gap: 20px;
}
nav a {
    text-align: center;
    color: black;
    font-weight: 700;
    transform: scale(1);
    transition: .1s ease-in-out
}
nav a img {
    max-width: 40px;
    height: auto;
    vertical-align: middle;
}
nav a img:active {
    filter: brightness(0) saturate(100%) invert(68%) sepia(58%) saturate(1420%) hue-rotate(9deg) brightness(102%) contrast(101%);
}
@media (max-width: 500px) {
    nav a img:hover {
        filter: brightness(0) saturate(100%) invert(68%) sepia(58%) saturate(1420%) hue-rotate(9deg) brightness(102%) contrast(101%) !important;
    }
}
/*
nav a img:hover {
    filter: brightness(60%) hue-rotate(55deg) contrast(150%);
}*/
nav a img:hover {
    filter: brightness(200%);
}
a:link {
    color: greenyellow;
    font-weight: 700;
}
a:visited {
    color: greenyellow;
}
a:hover {
    color: #f0f8ff;
    transform: scale(1.1);
    transition: .1s ease-in-out
}
a:active {
    color: rgba(255,211,0,.9) !important;
}
.active {
    text-decoration: underline;
    color: rgba(255,211,0,.9) !important;
    transform: scale(1) !important;
}
/*
a:
a:active {
    color: #4AF262 !important;
}*/
/* \----------------------cheats----------------------\ */
#cheats {
    color: #f0f8ff;
    outline: 1px solid greenyellow;
    background: #001818;
    padding: 20px 0;
    margin: 0 auto;
    width: 345px;
}
.container {
    position:relative;
    width: 300px;
    height: 100px;
    margin: 0 0 0 20px;
    /*border: 2px #4AF262 groove;*/
    border-width: medium;
}
.image {
    opacity: 1;
    display: block;
    width: 300px;
    height: 100px;
    transition: .5s ease;
    backface-visibility: hidden;
}
.container:hover .image {
    opacity: 0.4
}
.container:hover .middle {
    opacity: 1;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
button {
    padding: 5px;
    background: #8c9eff;
    color: black;
    border: none;
    font-family: bold;
    font-weight: 700;
    vertical-align: middle;
}
button:hover {
    padding: 5px;
    background: #4B61E1;
    cursor: pointer;
    font-family: bold;
    font-weight: 700;
}
/* \----------------------about----------------------\ */
/* contacts */
.yellow {
    width:310px;
    background:  rgba(255,211,0,.9);
    margin: 25px auto 25px auto;
    font-style: italic;
    text-align: center;
    color: black;
    font-weight: 500;
    
    
}

/* q&a */
#q\&a p.q::before {
    content: "Q: ";
    font-weight: bold;
}
#q\&a p.q {
    background: rgba(37, 121, 49, 1);
    width:300px;
    margin: 0 0 0 20px;
    border-radius: 3px 3px 0 0;
}
#q\&a p.a::before {
    content: "A: ";
    font-weight: bold;
}
#q\&a p.a {
    margin: 0 0 0 20px;
    background: rgba(0, 0, 0, 1);
    width:300px;
    border-radius: 0 0 3px 3px;
}
#q\&a {
    outline: 1px solid greenyellow;
    color: #f0f8ff;
    background: #001818;
    padding: 10px 0 20px 0;
    width: 345px;
    margin: auto;
}
#q\&a div {
    margin: 10px 0 0 0;
}
/* \----------------------payment----------------------\ */
#payment {
    color: black;
    text-align: center;
}
.box {
    background: lightgray;
    position: relative; 
    height: 50px;
    width: 300px;
}
.child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
}
.paybox {
    background: orange;
    position: relative; 
    height: 300px;
    width: 300px;
    margin: auto;
    border-radius: 0 0 3px 3px;
}
.lightgreen {
    background: rgba(146,237,79, 0.6);
    width:300px;
    margin:auto;
    border-radius: 3px 3px 0 0;
}
.lightorange {
    background: rgba(255,195,61, 0.6);
    width:300px;
    margin: 25px auto 0 auto;
    border-radius: 3px 3px 0 0;
}
.lightorange p {
    padding: 0 5px;
}
/* \----------------------games----------------------\ */
.game {
    margin: 25px auto 0 auto;
    text-align: center;
}
/* \----------------------GAME CONTENTS----------------------\ */
.gamecontents {
    outline: 1px solid greenyellow;
    background: #001818;
    padding: 20px 20px;
    margin: auto;
    width: 305px;
}
.down {
    outline: 1px solid greenyellow;
    background: #001818;
    padding: 20px;
    margin: auto;
    width: 305px;
}
table, td, th, tbody, theader {
    border-collapse: collapse;
    border: none;
    border-radius: 0;
}
tr th:not(.exc1, .exc2) {
    background: rgba(0, 0, 0, .5);
    color: #f0f8ff;
    width: 20%;
}
.exc1 {
    background-color: #e97e00;
    color: black;
}
.exc2 {
    background-color: #4AF262;
    color: black;
}
.monero {
    background: #e97e00CC;
    color: black;
    text-align: center;
    font-weight: bold;
}
.cashapp {
    background: #4AF262CC;
    color: black;
    text-align: center;
    font-weight: bold;
}
.description {
    text-align: left;
}


/* \----------------------footer----------------------\ */
footer {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: 85px;
  font-style: italic;
  text-align: center;
  line-height: 16px;
  font-size: 13px;
  margin: auto;
}
footer p:first-child {
    padding: 25px 0 0 0;
}/*
.bgblur {
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    padding: -20px 0 0 0;
}*/
footer p:last-child {
    padding: 0 0 25px 0;
}
body::after {
  content: '';
  display: block;
  height: 85px;
}