@charset "utf-8";

/* SPERRE */
#sperre {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999999999;
    background-color: rgba(245, 245, 245, 0.5);
    width: 100vw;
    height: 100vh;
    animation-name: fadein;
    animation-delay: 0.75s;
    animation-duration: 0.75s;
    animation-fill-mode: both;
}

#sperre:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    content: " ";
    display: block;
    width: 128px;
    height: 128px;
    background-image: url(/core/assets/imgs/unicorn.gif);
}

#sperre:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    content: " ";
    display: block;
    width: 128px;
    height: 128px;
    background: linear-gradient(90deg, #00ff4d36, #0011ff2e, #ff000030, #00ff4d36);
    background-size: 1000% 1000%;
    animation: rainbowbg 6s linear infinite;
    border-radius: 82px;
}