.empty {
    display: grid;
    height: 100vh;
    margin: auto;
    overflow: hidden;
    text-align: center;
    align-items: center;
}

.background-rp {
    background-color: #7300e0 !important;
    margin: 0px;
}

.splash-background-rp {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #7300e0;
    z-index: 9999999;
    display: grid;
    justify-items: center;
    align-items: center;
    overflow: hidden;
}

.splash-rp {
    width: 100%;
    height: 100%;
}

.image-rp-splash {
    position: absolute;
    top: calc(50vh - 75px);
    margin: auto 0px;
    left: calc(50vw - 75px);
}

.splash-rp:after {
    position: relative;
    content: "";
    display: block;
    width: 100%;
    height: 200vh;
    /* background: linear-gradient(0% 0%, #655bef 0%,  #655bef 10%,#fa28bf 30%, #655bef 40%,#fa28bf 50%,#655bef 60%,#fa28bf 80%, #840bfe 100% );
    background: -moz-linear-gradient(0% 0%, #655bef 0%,  #655bef 10%,#fa28bf 30%, #655bef 40%,#fa28bf 50%,#655bef 60%,#fa28bf 80%, #840bfe 100% ); */
    /* background: -webkit-gradient(linear, 0% -15%, 20% 180%, color-stop(0, #7300e0), color-stop(0.5, #cc13f1), color-stop(1, #7300e0)); */
    background: #7300E0;
    background: -webkit-linear-gradient(306deg, rgba(115, 0, 224, 1) 0%, rgba(137, 4, 228, 1) 36%, rgba(180, 13, 236, 1) 74%, rgba(189, 0, 222, 1) 100%);
    background: -moz-linear-gradient(306deg, rgba(115, 0, 224, 1) 0%, rgba(137, 4, 228, 1) 36%, rgba(180, 13, 236, 1) 74%, rgba(189, 0, 222, 1) 100%);
    background: linear-gradient(306deg, rgba(115, 0, 224, 1) 0%, rgba(137, 4, 228, 1) 36%, rgba(180, 13, 236, 1) 74%, rgba(189, 0, 222, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7300E0", endColorstr="#BD00DE", GradientType=0);


    -o-animation: anime 2s infinite;
    -ms-animation: anime 2s infinite;
    -moz-animation: anime 2s infinite;
    -webkit-animation: anime 2s infinite;
    animation: anime 2s infinite;
}

@-webkit-keyframes anime {
    0% {
        top: 0;
    }

    50% {
        top: -400px;
    }

    100% {
        top: 0;
    }
}

@keyframes anime {
    0% {
        top: 0;
    }

    50% {
        top: -400px;
    }

    100% {
        top: 0;
    }
}

@tailwind base;
@tailwind components;
@tailwind utilities;