body {
        background-color: #000;
        background-image: url("img/background.jpg");
        background-repeat: repeat;
        color: rgb(100, 89, 248);
        font-family: "ËÎÌå", sans-serif;
        text-align: center;
        padding: 30px;
        min-height: 100vh;
        overflow-x: hidden;
}
h1 { color: rgb(238, 255, 0); text-shadow: 2px 2px rgb(255, 0, 0); }
a { color: rgb(0, 195, 255); text-shadow: 1px 1px rgb(0, 0, 0);}
.box {
        background: #00000057;
        background-image: url("img/boxback.png");
        width: 700px;
        margin: 0 auto;
        border: 3px ridge #0ff;
        padding: 20px;
        position: relative;
        z-index: 10;
}
.boxText {
        background: #f3f3f3;
        background-image: url("img/boxback.png");
        width: 700px;
        margin: 0 auto;
        border: 3px ridge #0ff;
        padding: 20px;
        position: relative;
        z-index: 10;
}
.trail-char {
        position: absolute;
        color: #cc00bb9c;
        font-family: "ËÎÌå", sans-serif;
        font-size: 10pt;
        pointer-events: none;
        white-space: nowrap;
        z-index: 9999;
 }
 .left {
    text-align: left;
}
.blackcolor{
    color: #000;
}
.corner-gif {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}