@charset "UTF-8";
/* CSS Document */
body {
    margin: 0;
    font-family: system-ui, sans-serif;
}

/* Capa que va encima de todo */
.snow-overlay {
    position: fixed;
    inset: 0;
    pointer-events: none; /* Para que puedas dar click */
    z-index: 999999;
    overflow: hidden;
}

/* Copo */
.flake {
    position: absolute;
    top: -10vh;
    width: 13px;
    height: 13px;
    opacity: .7;
    animation: fall linear infinite;
}

/* Animación de caída */
@keyframes fall {
    0% {
        transform: translateY(-10vh);
    }

    100% {
        transform: translateY(110vh);
    }
}