:root {
    --red: #f00;
    --orange: #f70;
    --yellow: #ff0;
    --salad: #7f0;
    --green: #0f0;
    --turquoise: #0f7;
    --cyan: #0ff;
    --azure: #07f;
    --blue: #00f; 
    --purple: #70f;
    --magenta: #f0f;
    --crimson: #f07;
    --blood: #700;
    --brown: #730;
    --olive: #770;
    --leaf: #370;
    --forest: #070;
    --emerald: #073;
    --teal: #077;
    --ocean: #037;
    --navy: #007;
    --amethyst: #307;
    --purpure: #707;
    --vine: #703;
    --salmon: #f77;
    --mandarin: #fb7;
    --lemon: #ff7;
    --radiance: #bf7;
    --lime: #7f7;
    --mint: #7fb;
    --aqua: #7ff;
    --sky: #7bf;
    --midnight: #77f;
    --violet: #b7f;
    --pink: #f7f;
    --rosy: #f7b;
    --white: #fff;
    --lightgray: hsl(0, 0%, 75%);
    --gray: hsl(0, 0%, 50%);
    --darkgray: hsl(0, 0%, 25%);
    --black: #000;
}
* {
    margin: 0;
    padding: 0;
}
#snow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    pointer-events: none;
    z-index: 99;
}