@-webkit-keyframes aA {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}

@keyframes aA {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}




@-webkit-keyframes rotate {
    0% {
        transform: translate(-50%, 0) rotateZ(0deg);
    }

    50% {
        transform: translate(-50%, 0%) rotateZ(180deg);
    }

    100% {
        transform: translate(-50%, 0%) rotateZ(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: translate(-50%, 0) rotateZ(0deg);
    }

    50% {
        transform: translate(-50%, 0%) rotateZ(180deg);
    }

    100% {
        transform: translate(-50%, 0%) rotateZ(360deg);
    }
}


#b {
    min-height: 100vh;
    width: 100vw;
    background: rgb(255, 255, 255);
}

.u {
    height: 70px;
    width: 100vw;
    background: rgb(0, 0, 0);
}

h2 {
    background: rgb(255, 255, 255);
    color: rgb(77, 0, 0);
    padding: 27px;
    min-height: 30px;
    width: 100vw;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 33px;
}

.s {
    margin: 3px 0px;
    min-height: 200px;
    width: 100vw;
    border-radius: 21px 0px;
    background: rgb(0, 0, 0);
    background: radial-gradient(circle at 87%,
            rgb(15, 0, 95), rgb(90, 98, 28),
            rgb(0, 0, 18), rgb(98, 0, 0),
            rgb(95, 6, 95), rgb(12, 12, 80));
}

.c {
    min-height: 300px;
    width: 100vw;
    background: rgb(255, 255, 255);
    margin: 2px 0px;
}



.t {
    padding: 11px 0px;
    min-height: 30px;
    width: 100vw;
    background: rgb(255, 255, 255);
    flex-wrap: wrap;
}

.p {
    width: calc(100vw - 22px);
    overflow: visible;
    flex-wrap: wrap;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
    margin: 33px 0px;
    padding: 33px 21px;
    background: rgb(0, 0, 0);
    color: rgb(225, 225, 235);
    border-radius: 23px;
}


.p b {
    font-size: 33px;
    font-weight: 600;
    line-height: 50px;
}

.p0 {
    color: rgb(255, 217, 0);
}

.p1 {
    color: rgb(255, 182, 193);
}

.p2 {
    color: rgb(173, 216, 230);
}

.p3 {
    color: rgb(144, 238, 144);
}

.p4 {
    color: rgb(255, 222, 173);
}

.p5 {
    color: rgb(255, 160, 122);
}

.p6 {
    color: rgb(240, 230, 140);
}

.p7 {
    color: rgb(221, 160, 221);
}

.p8 {
    color: rgb(176, 224, 230);
}

.p9 {
    color: rgb(250, 250, 210);
}

h6 {
    min-height: 99px;
    width: calc(100vw - 22px);
    margin: 33px 11px;
    border-radius: 50%;
    padding: 27px 47px;
    font-weight: 600;
    font-family: 'Pacifico', cursive;
    color: rgb(255, 255, 255);
    line-height: 30px;
    text-align: center;
    background: rgb(0, 0, 0);
    background: repeating-conic-gradient(rgb(0, 0, 0) 0%, rgb(27, 0, 0) 15%, rgb(0, 0, 0) 33%);
}

h6 i {
    font-family: Sans-serif;
    color: rgb(255, 255, 255);
    padding-right: 5px;
    font-size: 16px;
    font-weight: 600;
}

#d {
    padding: 7px 11px;
    font-size: 21px;
    font-weight: 900;
    border-radius: 40px;
    background: rgb(87, 87, 0);
    background: rgba(87, 87, 0, 0.4);
    color: rgb(255, 255, 0);
    position: fixed;
    bottom: 7px;
    right: 7px;
    text-align: center;
    cursor: pointer;
    display: none;
}


h1 {
    width: 60px;
    margin-left: 7px;
    filter: brightness(400%);
    background: linear-gradient(to left, rgb(150, 250, 250), rgb(250, 150, 250), rgb(250, 250, 150));
    color: rgb(255, 0, 0);
}

h1 a {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0px;
}


.ur {
    width: calc(100vw - 74px);
    margin-right: 7px;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    background: linear-gradient(0.25turn, rgb(0, 255, 255), rgb(255, 215, 0), rgb(238, 130, 238));
}


h1,
.ur {
    height: 70px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: aA 3s infinite ease-in-out;

}


.uru,
.urd {
    min-height: 33px;
    width: calc(100vw - 74px);
}

.uru *,
.urd * {
    font-size: 17px;
    font-weight: 900;
    margin-left: 9px;
    cursor: pointer;
}

#cart sup {
    font-weight: 400;
    letter-spacing: 0px;
    margin-left: 1px;
    margin-top: -13px;
}

h1:hover {
    filter: brightness(100%);
    animation: ftA 0s;
    background: linear-gradient(to bottom, rgb(0, 255, 255), rgb(255, 215, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.uru *:hover,
.urd *:hover {
    background: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
    background: linear-gradient(0.25turn, rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.sl {
    height: 200px;
    width: calc(100vw - 48px);
    padding: 21px;
    margin-right: 2px;
    background: rgb(0, 0, 0);
    background: repeating-radial-gradient(rgb(33, 0, 33), rgb(0, 0, 0) 20%);
    flex-wrap: wrap;

}

.sr {
    height: 200px;
    width: 40px;
    background: rgb(0, 0, 0);
    background: repeating-radial-gradient(rgb(67, 0, 0), rgb(0, 0, 0) 20%);
    flex-direction: column;
}

.sl p {
    margin: 3px;
    padding: 3px;
    font-size: 21px;
    font-weight: 900;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    word-wrap: break-word;
    word-break: break-word;
}

.sr p {
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    margin: 2.5px 0px;
}


.sr i {
    font-size: 17px;
    font-weight: 900;
    color: rgb(184, 207, 145);
    margin: 2.5px 0px;
    cursor: pointer;
}


.holder {
    margin: 33px 0px;
    width: 250px;
    height: 250px;
    border-radius: 250px;
    background: rgb(0, 0, 0);
    overflow: hidden;
    position: relative;
}


.holder * {
    overflow: visible;
}

.holder *,
.holder *:before,
.holder *:after {
    position: absolute;
    content: "";
}

.candle {
    bottom: 23px;
    width: 150px;
    height: 50px;
    border-radius: 150px / 50px;
    background: rgb(25, 15, 2);
    background: linear-gradient(rgb(228, 136, 37), rgb(231, 142, 14), rgb(130, 60, 3), rgb(76, 26, 3) 50%, rgb(26, 8, 0));
}

.candle:before {
    width: 100%;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgb(212, 116, 1);
    background: rgb(184, 100, 9);
    background: radial-gradient(rgb(234, 161, 33), rgb(142, 73, 1) 45%, rgb(184, 100, 9) 80%);
}

.candle:after {
    width: 34px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    top: 14px;
    background: rgb(0, 0, 0);
    background: radial-gradient(rgba(0, 0, 0, 0.6), transparent 45%);
}

.thread {
    width: 6px;
    height: 36px;
    top: -17px;
    left: 50%;
    z-index: 1;
    border-radius: 40% 40% 0 0;
    transform: translateX(-50%);
    background: rgb(18, 18, 18);
    background: linear-gradient(rgb(214, 153, 74), rgb(75, 35, 44), rgb(18, 18, 18), rgb(0, 0, 0), rgb(232, 187, 49) 90%);
}

.flame {
    width: 24px;
    height: 120px;
    left: 50%;
    transform-origin: 50% 100%;
    transform: translateX(-50%);
    bottom: 100%;
    border-radius: 50% 50% 20% 20%;
    background: rgb(255, 255, 255);
    background: linear-gradient(rgb(255, 255, 255) 80%, transparent);
    animation: moveFlame 6s linear infinite, enlargeFlame 5s linear infinite;
}

.flame:before {
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 20% 20%;
    box-shadow: 0 0 15px 0 rgba(247, 93, 0, .4), 0 -6px 4px 0 rgba(247, 128, 0, .7);
}

@keyframes moveFlame {

    0%,
    100% {
        transform: translateX(-50%) rotate(-2deg);
    }

    50% {
        transform: translateX(-50%) rotate(2deg);
    }
}

@keyframes enlargeFlame {

    0%,
    100% {
        height: 120px;
    }

    50% {
        height: 140px;
    }
}

.glow {
    width: 26px;
    height: 60px;
    border-radius: 50% 50% 35% 35%;
    left: 50%;
    top: -48px;
    transform: translateX(-50%);
    background: radial-gradient(rgb(0, 0, 0), rgb(63, 135, 166));
    background: repeating-radial-gradient(rgb(61, 33, 0), rgb(0, 29, 41) 50px);
    box-shadow: 0 -40px 30px 0 rgb(220, 138, 12), 0 40px 50px 0 rgb(220, 138, 12), inset 3px 0 2px 0 rgba(0, 133, 255, .6), inset -3px 0 2px 0 rgba(0, 133, 255, .6);
}

.glow:before {
    width: 70%;
    height: 60%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.35);
}

.bglow {
    width: 100px;
    height: 180px;
    left: 50%;
    top: -55%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgb(255, 96, 0);
    -webkit-filter: blur(50px);
    -moz-filter: blur(60px);
    -o-filter: blur(60px);
    -ms-filter: blur(60px);
    filter: blur(60px);
    animation: blinkIt .1s infinite;
}

@keyframes blinkIt {
    50% {
        opacity: .8;
    }
}


.tc {
    min-height: 652px;
    width: 300px;
    background: rgb(0, 0, 0);
    border-radius: 25px;
    margin: 21px;
    overflow: hidden;
}



.tcu {
    height: 500px;
    width: 300px;
}

.tcma {
    height: 60px;
    width: 300px;
    background: rgb(0, 21, 21);
    background: repeating-linear-gradient(0.25turn, transparent, rgb(47, 0, 47) 20px);
    font-size: 16px;
    font-weight: 600;
    color: rgb(197, 197, 197);
    text-align: center;
    padding: 11px;
}

.tcmb {
    height: 50px;
    width: 300px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: rgb(197, 0, 0);
    text-align: center;
}

.tcd {
    height: 46px;
    width: 300px;
    padding-bottom: 21px;
}

.tcua,
.tcub {
    height: 500px;
    width: 300px;
}

.tcub {
    overflow-y: scroll;
    display: none;
}

.tcua img {
    overflow: hidden;
    max-height: 500px;
    max-width: 300px;
}


.tcub span {
    flex-wrap: wrap;
    min-height: 30px;
    width: 216px;
    margin: 17px;
    color: rgb(192, 192, 192);
}

.tcub span p {
    padding: 5px 0px;
    width: 216px;
    color: rgb(112, 128, 144);
    font-weight: 600;
}

.tcub span b {
    min-height: 30px;
    width: 216px;
    color: rgb(134, 104, 55);
    font-weight: 600;
}

.tcd p {
    font-weight: 600;
    background: rgb(24, 13, 0);
    color: rgb(207, 207, 207);
    cursor: pointer;
}

.tcd p:hover,
.tcd p.on,
.tcd p:hover *,
.tcd p.on * {
    text-decoration: underline;
}

#n {
    height: 100vh;
    width: 100vw;
    background: rgb(76, 26, 3);
    z-index: 90;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow-y: scroll;
    display: none;
}

.nu {
    height: 100vh;
    width: 100vw;
    background: transparent;
    z-index: 91;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.nu:before,
.nu:after {
    content: "";
    position: absolute;
    left: 50%;
    min-width: 300vw;
    min-height: 300vw;
    background: rgb(255, 233, 203);
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.nu::before {
    bottom: 45vh;
    border-radius: 45%;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

.nu::after {
    bottom: 25vh;
    opacity: 0.5;
    border-radius: 47%;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

.nd {
    height: calc(100vh - 50px);
    margin: 25px 0px;
    width: 100vw;
    overflow-y: scroll;
    background: transparent;
    position: absolute;
    flex-direction: column;
    z-index: 92;
}

#ndi {
    font-size: 21px;
    font-weight: 600;
    line-height: normal;
    padding: 3px 8px;
    border-radius: 50px;
    background: rgb(0, 0, 0);
    color: rgb(249, 170, 0);
    cursor: pointer;
}

.nd a {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    overflow: hidden;
    background: transparent;
    margin-top: 11px;
    cursor: pointer;

}

.nd a:hover {
    color: rgb(197, 0, 0);
}

#ndi:hover {
    color: rgb(255, 0, 0);
}

#d:hover {
    background: rgb(87, 0, 0);
    background: rgba(87, 0, 0, 0.4);
    color: rgb(255, 0, 0);
}