canvas.svelte-6yeyrl{
    width:100%;
    height:100%
}
canvas.svelte-6yeyrl:not([affect-layout]){
    position:absolute;
    top:0;
    left:0
}
.full-width.svelte-6yeyrl{
    pointer-events:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0
}
.mouse.svelte-vqeczw{
    position:absolute;
    top:calc(100vh - 16px);
    left:50%;
    transform:translate(-50%) translateY(-100%);
    width:30px;
    height:60px;
    border-radius:24px;
    border:3px solid #dedede;
    background:#0000;
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    opacity:.3;
    transition:all .3s ease
}
.mouse.svelte-vqeczw:hover{
    opacity:1;
    cursor:pointer
}
.mouse.svelte-vqeczw:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    background:#dedede;
    border-radius:100%;
    transform:translate(-50%) translateY(-50%) translateY(-15px);
    animation:svelte-vqeczw-mouseScroll 2s infinite ease-in-out
}
@keyframes svelte-vqeczw-mouseScroll{
    0%{
        transform:translate(-50%) translateY(-50%) translateY(-15px);
        opacity:1
    }
    70%{
        transform:translate(-50%) translateY(-50%) translateY(15px);
        opacity:1
    }
    80%{
        transform:translate(-50%) translateY(-50%) translateY(15px);
        opacity:0
    }
    81%{
        transform:translate(-50%) translateY(-50%) translateY(-15px);
        opacity:0
    }
    to{
        opacity:1
    }
}
.github-link.svelte-4ohwka:hover svg,.discord-link.svelte-4ohwka:hover svg{
    filter:brightness(.9)
}
.scroll-hint.svelte-4ohwka{
    transition:opacity .3s ease-in-out
}
.scroll-hint.svelte-4ohwka:hover,.scroll-hint.svelte-4ohwka:focus{
    opacity:.7
}
.content-section.svelte-4ohwka{
    transition:transform .1s ease-out
}