* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:focus {
    outline: 0
}

::-webkit-scrollbar {
    display: none
}

a,
a:after,
a:hover,
a:visited {
    text-decoration: none;
    color: #000000
}

html {
    max-width: 500px;
    margin: 0 auto;
    background-color: #000
}

body {
    color: #fff;
    font-family: 'Noto Sans', arial, sans-serif
}

.celotbhonus {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 10px;
}

.celotbhonus .contole {
    padding: .5rem 3.8rem;
    background: #33333388;
    margin-bottom: .5rem;
    border-radius: .38rem;
    box-shadow: 0 -1px #ccb38a88;
    letter-spacing: 1px
}

.celotbhonus a.btn1 {
    color: #eee;
    background-image: linear-gradient(-45deg, #f18902 0, #c44f01 100%);
    box-shadow: none;
    font-weight: 700
}

.celotbhonus-container {
    display: flex;
    background: linear-gradient(-45deg, #f18902 0, #c44f01 100%);
    width: 250px;
    height: 40px;
    align-items: center;
    justify-content: space-around;
    border-radius: 10px;
}

.btn2 {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    height: 3rem;
    background-size: 300% 300%;
    backdrop-filter: blur(1rem);
    border-radius: .38rem;
    transition: .5s;
    animation: gradient_301 5s ease infinite;
    border: double 4px transparent;
    background-image: linear-gradient(90deg,#471525,#13162f);
    background-origin: border-box;
    background-clip: content-box, border-box
}

#container-stars {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: .5s;
    backdrop-filter: blur(1rem);
    border-radius: .38rem
}

strong {
    z-index: 2;
    letter-spacing: 5px;
    color: #fff;
    text-shadow: #fff
}

#glow {
    position: absolute;
    display: flex;
    width: 12rem
}

.circle {
    width: 100%;
    height: 30px;
    filter: blur(2rem);
    animation: pulse_3011 4s infinite;
    z-index: -1
}

.circle:nth-of-type(1) {
    background: rgba(254, 83, 186, .636)
}

.circle:nth-of-type(2) {
    background: rgba(142, 81, 234, .704)
}

.btn2:hover #container-stars {
    z-index: 1;
    background-color: #212121
}

.btn2:hover {
    transform: scale(1.1)
}

.btn2:active {
    border: double 4px #fe53bb;
    background-origin: border-box;
    background-clip: content-box, border-box;
    animation: none
}

.btn2:active .circle {
    background: #fe53bb
}

#stars {
    position: relative;
    background: 0 0;
    width: 200rem;
    height: 200rem
}

#stars::after {
    content: "";
    position: absolute;
    top: -10rem;
    left: -100rem;
    width: 100%;
    height: 100%;
    animation: animStarRotate 90s linear infinite
}

#stars::after {
    background-image: radial-gradient(#fff 1px, transparent 1%);
    background-size: 50px 50px
}

#stars::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 170%;
    height: 500%;
    animation: animStar 60s linear infinite
}

#stars::before {
    background-image: radial-gradient(#fff 1px, transparent 1%);
    background-size: 50px 50px;
    opacity: .5
}

@keyframes animStar {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-135rem)
    }
}

@keyframes animStarRotate {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes gradient_301 {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes pulse_3011 {
    0% {
        transform: scale(.75);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }

    100% {
        transform: scale(.75);
        box-shadow: 0 0 0 0 transparent
    }
}

.artikel {
    text-align: justify;
}

.artikel p {
    margin: 25px 0;
}

.artikel a {
    color: #fdc54c
}

.artikel h1 {
    color: #fdc54c;
    text-align: center;
}

.artikel h2 {
    color: #fdc54c;
    text-align: center;
}

.block-img {
    position: relative;
    margin: auto;
    min-width: 100px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    margin-bottom: 20px;
}

.block-img:before,
.block-img:after {
    content: '';
    position: absolute;
    right: -3px;
    bottom: -3px;
    background: transparent;
    background-size: 400%;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: -1;
    animation: steam 5s linear infinite;
    border-radius: 10px;
}

.block1 {
    position: relative;
    margin: auto;
    min-width: 100px;
    padding: 5px 10px;
    background: linear-gradient(0deg, #ff9000, #000000);
    color: #fff;
    cursor: pointer;
}

.block1:before,
.block1:after {
    content: '';
    position: absolute;
    right: -3px;
    bottom: -3px;
    background:linear-gradient(90deg, #fdc54c 0, #000000 49%, #fdc54c);
    background-size: 400%;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: -1;
    animation: steam 5s linear infinite;
    border-radius: 10px;
}

.block {
    font-size:25px;
    width:75%;
    position: relative;
    padding: 8px 10px;
    background: linear-gradient(0deg, #bea04d, #fdeabe);
    color: #000000;
    cursor: pointer;
    margin-bottom: 20px;
}

.block:before,
.block:after {
    content: '';
    position: absolute;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(0deg, #fdeabe, #bea04d);
    background-size: 400%;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: -1;
    animation: steam 5s linear infinite;
}

@keyframes steam {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.block:after {
    filter: blur(50px);
}

.footer {
    text-align: center;
    margin: 15px 0;
}

.footer a {
    color: #fdc54c
}
*{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
.kepalakplr{
display: flex;
flex-direction: column;
align-items: center;
}
.bujanginam{
width:100%;
}