@font-face {
    font-family: "inter";
    src: url("/assets/fonts/Inter.ttf");
}

body {
    background: #0a1914;
    color: rgb(255, 255, 255);
    font-family: "inter", sans-serif;
}

.bg {
    position: fixed;
    z-index: -1000;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(100px);
    mix-blend-mode: screen;
}

.g1 {
    top: -20%;
    left: -20%;
    background:
        radial-gradient(circle, rgba(100, 150, 255, 0.25), transparent 70%);
    animation: moveG1 50s linear infinite;
}

.g2 {
    bottom: -20%;
    right: -20%;
    background:
        radial-gradient(circle, rgba(180, 100, 255, 0.25), transparent 70%);
    animation: moveG2 50s linear infinite;
}

@keyframes moveG1 {
    0% {
        transform: translate(0, 0);
    }

    10% {
        transform: translate(10%, 0%);
    }

    20% {
        transform: translate(0%, 20%);
    }

    30% {
        transform: translate(10%, 40%);
    }

    40% {
        transform: translate(20%, 50%);
    }

    50% {
        transform: translate(30%, 40%);
    }

    60% {
        transform: translate(40%, 20%);
    }

    70% {
        transform: translate(30%, 10%);
    }

    80% {
        transform: translate(20%, 0%);
    }

    90% {
        transform: translate(10%, -15%);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes moveG2 {
    0% {
        transform: translate(0, 0);
    }

    10% {
        transform: translate(-10%, 0%);
    }

    20% {
        transform: translate(0%, -20%);
    }

    30% {
        transform: translate(-10%, -40%);
    }

    40% {
        transform: translate(-20%, -50%);
    }

    50% {
        transform: translate(-30%, -40%);
    }

    60% {
        transform: translate(-40%, -20%);
    }

    70% {
        transform: translate(-30%, -10%);
    }

    80% {
        transform: translate(-20%, 0%);
    }

    90% {
        transform: translate(-10%, 15%);
    }

    100% {
        transform: translate(0, 0);
    }
}