#background{

    position:fixed;

    inset:0;

    overflow:hidden;

    z-index:-10;

    background:#09090b;

}

.gradient{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

    animation:float 16s ease-in-out infinite;

}

.gradient1{

    width:550px;

    height:550px;

    background:#5B8CFF30;

    left:-120px;

    top:80px;

}

.gradient2{

    width:500px;

    height:500px;

    background:#8B5CF630;

    right:-120px;

    bottom:-120px;

    animation-delay:5s;

}

#particles{

    position:absolute;

    width:100%;

    height:100%;

}

#cursorGlow{

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    pointer-events:none;

    background:radial-gradient(circle,
            rgba(91,140,255,.12),
            transparent 70%);

    transform:translate(-50%,-50%);

    transition:left .08s linear,
               top .08s linear;

}

@keyframes float{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-50px);

    }

    100%{

        transform:translateY(0px);

    }
.hidden{

    opacity:0;

    transform:translateY(80px);

    transition:1s;

}

.show{

    opacity:1;

    transform:none;

}
}