body::-webkit-scrollbar {
    display: none;
}

body {
    user-select: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
}

#main {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.box {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0vh;
    width: 80.000vh;
    height: 40vh;
    text-transform: uppercase;
    animation: 2s fly;
    animation-iteration-count: infinite;
}

.bottom-main {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0vh;
    width: 80.000vh;
    height: 40vh;
}

.text-info {
    color: #c4c4c4;
    font-family: 'g-sem';
    text-align: center;
    font-size: 1.019vh;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 4.9vh;
}

.text-main {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 10.1vh;
    color: #efefef;
    text-align: center;
    font-family: 'rw-black';
    font-size: 2.5vh;
    text-shadow: 0 0.139vh 0.093vh rgba(0, 0, 0, 0.522);
}

.text-main2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 7.7vh;
    color: #F33735;
    text-align: center;
    font-family: 'rw-black';
    font-size: 2.5vh;
    text-shadow: 0 0.139vh 0.093vh rgba(0, 0, 0, 0.522);
}

.warning {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 7.3vh;
    bottom: 14vh;
    filter: drop-shadow(0.000vh 0.000vh 0.472vh rgba(0, 0, 0, 0.553));
}

.blur-time{
    position: absolute;
    bottom: -47vh;
    left: 50%;
    transform: translate(-50%);
    width: 40vh;
    height: 60vh;
    background: #000000ae;
    filter: blur(12vh);
}

@keyframes fly {
    0% {
        bottom: 0vh;
    }

    50% {
        bottom: 1.1vh;
    }

    100% {
        bottom: 0vh;
    }
}