@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');

body {
    background-color: #070602;
    margin: 0;
    color: #ddd;
    font-family: "Jetbrains Mono";
}

.bg-container, .content {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content {
    backdrop-filter: blur(100px);
}

.main-text {
    font-size: 6rem;
}

.copyright-text {
    position: fixed;
    bottom: 1rem;
    color: #888;
}

.bg-circle {
    position: fixed;
    bottom: -24rem;
    width: 36rem;
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: 0; /* start invisible */
    animation: circle 8s ease-in-out;
    transition: transform 8s linear;
}

@keyframes circle {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}