/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.1
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/




    /* container */
    .snows {

    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
    }

    /* vertical movement */
    .snow {
        position: absolute;
        top: -10%;
        animation-name: snow-fall;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        will-change: transform;
    }

    /* horizontal sway wrapper */
    .snow-inner {
        animation-name: snow-sway;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    /* sizes */
    .size-sm { font-size: 14px; }
    .size-md { font-size: 20px; }
    .size-lg { font-size: 26px; }

    /* speeds */
    .fall-slow { animation-duration: 20s; }
    .fall-mid  { animation-duration: 14s; }
    .fall-fast { animation-duration: 10s; }

    .sway-slow { animation-duration: 6s; }
    .sway-mid  { animation-duration: 4s; }
    .sway-fast { animation-duration: 3s; }

    /* keyframes */
    @keyframes snow-fall {
        from { transform: translateY(0); }
        to   { transform: translateY(120vh); }
    }

    @keyframes snow-sway {
        0%   { transform: translateX(0); }
        50%  { transform: translateX(30px); }
        100% { transform: translateX(0); }
    }

    /* indexed horizontal positions */
    .snow-1  { left: 5%; }
    .snow-2  { left: 15%; }
    .snow-3  { left: 25%; }
    .snow-4  { left: 35%; }
    .snow-5  { left: 45%; }
    .snow-6  { left: 55%; }
    .snow-7  { left: 65%; }
    .snow-8  { left: 75%; }
    .snow-9  { left: 85%; }
    .snow-10 { left: 95%; }