*{
margin: 0;
	
padding: 0;
	
box-sizing: border-box;

font-family: "Gentium Plus", serif;

font-weight: 700;
	
font-style: italic;
	
color: rgb(119, 183, 186);

text-align: center;
   
}
/*hero*/
/* ===== HERO CON VIDEO ===== */

.cta-hero{
    position:relative;
    height:90vh;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    color:white;
    text-align:center;
    }
    
    /* video fondo */
    .video-bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-3;
    }
    
    /* overlay oscuro para contraste */
    .overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.65);
    z-index:-2;
    }
    
    /* partículas */
    #particles-js{
    position:absolute;
    width:100%;
    height:100%;
    z-index:-1;
    }
    
    /* contenedor */
    .cta-container{
    max-width:900px;
    padding:20px;
    }
    
    /* titulo */
    .cta-title{
    font-size:55px;
    font-weight:800;
    margin-bottom:20px;
    animation:fadeUp .8s ease;
    }
    
    /* texto */
    .cta-text{
    font-size:20px;
    opacity:.9;
    margin-bottom:40px;
    }
    
    /* boton */
    .cta-button{
    display:inline-block;
    padding:18px 45px;
    font-size:20px;
    font-weight:700;
    color:white;
    background:linear-gradient(45deg,#25D366,#1ebe5d);
    border-radius:16px;
    text-decoration:none;
    backdrop-filter:blur(10px);
    box-shadow:0 15px 35px rgba(0,0,0,.4);
    transition:.3s;
    }
    
    .cta-button:hover{
    transform:translateY(-5px) scale(1.05);
    box-shadow:0 25px 50px rgba(0,0,0,.5);
    }
    
    /* animacion */
    @keyframes fadeUp{
    from{
    opacity:0;
    transform:translateY(40px);
    }
    to{
    opacity:1;
    transform:translateY(0);
    }
    }
    
    /* responsive */
    @media(max-width:768px){
    .cta-title{font-size:32px;}
    .cta-text{font-size:16px;}
    }
    /* Ocultar titulo sin afectar SEO*/
    .seo-hidden {
        position: absolute;
        left: -9999px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
      }
      
/* Ocultar imagen*/

.header__img{
    transition: opacity .4s ease;
    }
    
    .header__img.oculta{
    opacity:0;
    pointer-events:none;
    }
    


/*whatsApp*/
/* contenedor */
.wa-glass{
    position:fixed;
    bottom:25px;
    left:25px;
    width:64px;
    height:64px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
    text-decoration:none;
    
    /* glassmorphism */
    background:rgba(37,211,102,0.85);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:3px solid rgb(57, 244, 0);
    
    box-shadow:
    0 8px 32px rgba(0,0,0,0.2),
    inset 0 1px 0 rgba(255,255,255,0.3);
    
    transition:all .3s ease;
    }
    
    /* logo */
    .wa-glass svg{
    width:28px;
    height:28px;
    }
    
    /* hover apple style */
    .wa-glass:hover{
    transform:translateY(-4px) scale(1.05);
    box-shadow:
    0 20px 40px rgba(203, 4, 4, 0.35),
    inset 0 1px 0 rgba(218, 5, 5, 0.4);
    }
    
    /* click */
    .wa-glass:active{
    transform:scale(.96);
    }
    
    /* tooltip */
    .wa-tooltip{
    position:absolute;
    left:80px;
    background:rgba(197, 6, 6, 0.75);
    color:white;
    padding:8px 14px;
    border-radius:12px;
    font-size:14px;
    opacity:0;
    pointer-events:none;
    transform:translateY(10px);
    transition:all .25s ease;
    white-space:nowrap;
    backdrop-filter:blur(10px);
    }
    
    /* mostrar tooltip */
    .wa-glass:hover .wa-tooltip{
    opacity:1;
    transform:translateY(0);
    }
    
    /* responsive */
    @media(max-width:768px){
    .wa-glass{
    width:56px;
    height:56px;
    bottom:18px;
    right:18px;
    }
    }
    
	/* animacion entrada */
@keyframes waAppear{
    0%{
    opacity:0;
    transform:translateY(40px) scale(.7);
    }
    100%{
    opacity:1;
    transform:translateY(0) scale(1);
    }
    }
    
    .wa-glass{
    animation:waAppear .6s ease;
    }

    /* punto online */
.wa-online{
    position:absolute;
    top:6px;
    right:6px;
    width:12px;
    height:12px;
    background:#00ff6a;
    border-radius:50%;
    border:2px solid white;
    animation:waPulse 1.5s infinite;
    }
    
    @keyframes waPulse{
    0%{box-shadow:0 0 0 0 rgba(0,255,106,.7);}
    70%{box-shadow:0 0 0 10px rgba(0,255,106,0);}
    100%{box-shadow:0 0 0 0 rgba(0,255,106,0);}
    }
    
    .wa-popup{
        position:fixed;
        bottom:100px;
        left: 45px;
        right:25px;
        background:white;
        padding:16px;
        border-radius:16px;
        box-shadow:0 10px 30px rgba(0,0,0,.2);
        width:230px;
        opacity:0;
        transform:translateY(20px);
        transition:.4s;
        z-index:9998;
        }
        
        .wa-popup.show{
        opacity:1;
        transform:translateY(0);
        }
        
        .wa-popup a{
        display:block;
        margin-top:10px;
        background:#25D366;
        color:white;
        padding:8px;
        margin-top: 7px;
        border-radius:10px;
        text-align:center;
        text-decoration:none;
        }
        
/*Contador falso de mensajes (hack psicológico)*/
        .wa-counter{
            position:absolute;
            top:-5px;
            left:-5px;
            background:red;
            color:white;
            font-size:12px;
            padding:3px 7px;
            border-radius:50%;
            }

            

/*Efecto “latido” cada 10 segundos (micro atención)*/

            @keyframes waAttention{
                0%{transform:scale(1);}
                50%{transform:scale(1.15);}
                100%{transform:scale(1);}
                }
                
                .wa-glass.attention{
                animation:waAttention .6s;
                }
                


body{

background-color: black;
	

}

	
header{
	
display: flex;
	
flex-direction: column;
	
justify-content: center;
	
align-items: center;
	
background-color:#010202;

/*width: 100%;*/

}



.header__title1,p {

    padding: 15px 5px;
        
    color: rgb(119, 183, 186);

    font-size: 25px;
                    
    }
  
	
.header__lista,li{
		
list-style: none;
		
text-align: center;
	
color: rgb(119, 183, 186);
		
}
	
.header__img{
		
width: 250px;

height:250px;
	
margin-top: 10px;
		
margin-bottom: 10px;
	
border-radius: 50%;
		
}
.header__btn{
   
    padding: 12px 28px;
    
    background: rgb(61, 234, 17);
    
    border-radius: 40px;
   
    box-shadow: 0 0 10px aqua;
    
    font-size: 16px;
   
    color: rgb(3, 3, 3);
   
    letter-spacing: 1px;
  
    text-decoration: none;
  
    font-weight: 600;
  
    transition: all 1s;
   
    margin-top: 10px;
   
    }

    /*Oscurecerlo un poco para que el texto destaque*/
   
    .hero video {
        filter: brightness(0.7);
      }
      
     
        



    .bio__title{
  
    color: white;
   
    text-align: center;
   
    box-shadow: 0 0 10px aqua;
   
    font-size: 25px;
   
    }
    
    .bio__parrafo{
   
    color: white;
   
    text-align: center;
    
    margin: 0px;
   
    padding: 10px 0px 10px 0px;
    box-shadow: 0 0 10px aqua;
    
    }
    
    .main__title{
   
    color: white;
   
    text-align: center;
   
    box-shadow: 0 0 10px aqua;;
   
    }
    
    .cards__cards1{
   
    margin-top: 10px;
    
    
    	
    }
   
    .cards{
    	
    padding: 20px 15px;
    	
    display: flex;
    
    flex-direction: column;
    
    align-items: center;
  
    justify-content: center;
   
    }
    	
    .cards__img{
    
    width: 250px;
    	
    
   
    }
    
    .habil{
    
    display: flex;
    
    flex-direction: column;
   
    justify-content: center;
    
    align-items: center;
    
    background-color: #010202;
    
    }
    
    .habil__title{
    	
    color: white;
    
    text-align: center;
   	
    box-shadow: 0 0 10px aqua;
    
    margin-top: 5px;
    
    margin-bottom: 10px
   
    }
    
    .habil__pa{
   
    color: white;
    
    font-size: 15px;
    
    padding: 25px;
   
    }
    
    .habil__img{
    	
    width: 250px;
    	
    margin-top: 15px;
    	
    }
    	
    .btn__habil{
    	
    display: flex;
    	
    flex-direction: row;
    	
    flex-wrap: wrap;
    	
    justify-content: space-around;
    	
    }
    
    .btn-2{
    		
    padding: 10px 20px;
    	
    background:rgb(100, 181, 79);
    		
    border-radius: 40px;
    	
    box-shadow: 0 0 10px aqua;
    	
    font-size: 16px;
    	
    color:black;
    	
    letter-spacing: 1px;
    	
    text-decoration: none;
    	
    font-weight: 600;
    	
    transition: all 1s;
    	
    
    	
    }
    	
    
    	
    .habil__enlace{
    	
       color: rgb(61, 234, 17);
    	
    box-shadow: 0 0 10px rgb(234, 243, 243);
    	
    }
    	
    /*formulario*/
    
    .contacto{
   	
    background-color: rgb(8, 8, 8);
    
    padding: 40px 15px;
   
    display: flex;
   
    flex-direction: column;
   
    align-items: center;
    
    }
    
  
    .contac__titulo{
 
    
    text-align: center;
    
    font-size: 30px;
   
    margin-bottom: 25px;
  
    box-shadow: 0px 0px 10px rgb(234, 243, 243);
    
    }
   
    .contacto__form{
   
    background-color:rgb(119, 183, 186);
   
    padding: 15px;
    
    color:white;
   
    width: 265px;
    
    }
   
    .form__contac label{
   color: #010202;
    font-size: 14px;
   
    }
   
    .form__contac{
   
    display: flex;
   
    flex-direction: column;
   
    margin-top: 15px;
  
    }
   
    .form__contac input::placeholder,
   
    .form__contac textarea::placeholder{
   
    font-size: 12px;
   
    
  
    font-weight: bolder;
   
    }
    
    .form__contac input,
    	
    .form__contac textarea{
    	
    padding: 5px;
    	
    border-radius: 7.5px;
    	
    border: 0;
    	
    color: #010202;
    		
    }/*
    	
    .form__contac input:focus,
    	
    .form__contac textarea:focus{
    	
    background-color: rgb(8, 26, 141);
    	
    }*/
    	
    .contac__buton{
    	
    background: inherit;
    	
    border: 1px solid white;
    
    color: rgb(9, 9, 9);
    		
    width: 45%;
    	
    border-radius: 7.5px;
    	
    margin-top: 20px;
    	
    padding: 4px 0;
    	
    transition: all 1s;
    	
    }
    .contac__buton:hover{
        background-color: rgb(10, 40, 231);
    }
   button:hover{
 
    background-color:rgb(25, 210, 8);
   
    border: 2px solid white;
  
    }
    

    

    /*habilidades*/

    /*

    .exp h2{
    
    margin-top: 5px;

    text-align: center;
    	
    color:white ;
  
    text-decoration: underline;
  
    }
  
    .exp__subtitle{

    padding: 10px;
  
    text-align: center;
  
    color:white ;
   
    }
   
    .exp button{

    margin-top: 10px;

    border-radius: 20px;
 
    padding: 10px 30px;
   
    color: rgb(9, 9, 9);
    
    }
   
    .exp__form{
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: center;
    
    align-items: center;
    
    }
    
    .exp__inp{
    
    width: 250px;
    
    align-items: center;
    
    padding: 13px 8px;
    
    margin-top: 5px;
    
    }
   
    */
    
    /********mapa*******/
   
    .map_div{
    	
    position: absolute;
    		
    top: 0;
    	
    left: 0;
    	
    width: 100%;
    	
    height: 100%;
    	
    
    	
    }
    	
    .buton-footer a:hover{
        background-color:rgb(25, 210, 8);
   
        border: 2px solid white;
    }
    		
    .buton-footer a {
    	
    padding: 10px 20px;
    	
    background: rgb(61, 234, 17);
    		
    border-radius: 40px;
    	
    box-shadow: 0 0 10px aqua;
    		
    font-size: 15px;
    	
    color:black;
    		
    letter-spacing: 1px;
    	
    text-decoration: none;
    		
    font-weight: 600;
    	
    transition: all 1s;
    		
    margin-top: 10px;
    	
    text-align: center;
    		
    margin: 35px;
    	
    }
    		
    
    	
    .footer__title,h3{
    		
    color: white;
    	
    font-size: 15px;
    		
    margin-top: 20px ;
    	
    text-align: center;
    		
    }
    .footer_lista{
  
        color: white;
       
        text-align: center;
       
        box-shadow: 0 0 10px rgb(32, 118, 118);
       
        font-size: 15px;
       
        }
        

    /*botones redes sociales tamaño y fondo,etc*/
.red_1 a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgb(25, 210, 8);
    position: relative;
    text-align: center;
    transition: .3s background ease;
   
    line-height: 0;
  }
  
 .red_1 a span {
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #000;
   
  }
  /*botones redes sociales*/
  .red_1 a:hover {
   
    background:white;
  }
  
 
  
  
   
    
    		
    @media(min-width:375px){
    
    .buton-footer a {	
    margin: 65px;
    	
    }
    	
    /*header{
    		
    width: 98%;
    	
    }*/
    	
    
    	
    }
    		
    
    	
    @media(min-width:425px){
    	
    .buton-footer a {
    		
    margin: 95px;
    	
    }
    		
    
    	
    
    		
    }
    	
    @media(min-width:768px){
    	
    header{
    		
    display: flex;
    	
    flex-direction: row;
    	
    flex-wrap: wrap-reverse;
    	
    justify-content: space-around;
    	
    }
    		
    .header__btn{
    	
    margin-left: 15px;
    		
    
    	
    }
    	
    .header__img{
    	
    margin-left: 45px;
    		
    }
    	
    
    	
    .habil__subt{
    	
    color: white;
    	
    font-size: 25px;
    		
    margin-bottom: 45px;
    	
    }
    
    .buton-footer{
    
    text-align: center;
    	
    }
    	
    .cards{
    	
    display: flex;
    	
    flex-direction: row;
    		
    flex-wrap: wrap;
    	
    justify-content: center;
    	
    gap: 131px;
    	
    }
    	
    .cards__img{
    	
    width: 280px;
    	
    }
    	
    }
    	
    /*ESTYLOS GENERALES DEL BODY CON SASS*/
    	
    html, body {
    	
    height: 100%;
    	
    overflow-x: hidden;
    	
    }



    .firefly {
        
        position: fixed;
        	
        left: 50%;
        	
        top: 50%;
        	
        width: 0.4vw;
        	
        height: 0.4vw;
        	
        margin: -0.2vw 0 0 9.8vw;
        	
        animation: ease 200s alternate infinite;
        	
        pointer-events: none;
        	
        }
        	
        .firefly::before, .firefly::after {
       
        content: "";
       
        position: absolute;
        	
        width: 100%;
        	
        height: 100%;
        
        border-radius: 50%;
        	
        transform-origin: -10vw;
        	
        }
    
        .firefly::before {
        	
        background: black;
        	
        opacity: 0.4;
        	
        animation: drift ease alternate infinite;
        	
        }
        	
        .firefly::after {
        	
        background: white;
        
        opacity: 0;
        	
        box-shadow: 0 0 0vw 0vw yellow;
        
        animation: drift ease alternate infinite, flash ease infinite;
        	
        }
        	
        
        	
        .firefly:nth-child(1) {
        	
        animation-name: move1;
        	
        }
        	
        .firefly:nth-child(1)::before {
        	
        animation-duration: 18s;
        	
        }
        	
        .firefly:nth-child(1)::after {
        	
        animation-duration: 18s, 6172ms;
        	
        animation-delay: 0ms, 5037ms;
        	
        }
        	
        
        	
        @keyframes move1 {
        	
        0% {
        	
        transform: translateX(-32vw) translateY(-35vh) scale(0.85);
        	
        }
        	
        4% {
        	
        transform: translateX(5vw) translateY(12vh) scale(0.32);
        	
        }
        	
        8% {
        	
        transform: translateX(-40vw) translateY(-18vh) scale(0.29);
        	
        }
        
        12% {
        	
        transform: translateX(-7vw) translateY(-1vh) scale(0.49);
        	
        }
        	
        16% {
        	
        transform: translateX(19vw) translateY(19vh) scale(0.71);
        	
        }
        	
        20% {
        	
        transform: translateX(-37vw) translateY(30vh) scale(0.75);
        
        }
        	
        24% {
        	
        transform: translateX(-4vw) translateY(31vh) scale(0.41);
        	
        }
        	
        28% {
        		
        transform: translateX(35vw) translateY(24vh) scale(0.73);
        	
        }
        	
        32% {
        	
        transform: translateX(14vw) translateY(-37vh) scale(0.8);
        	
        }
        	
        36% {
        	
        transform: translateX(-17vw) translateY(32vh) scale(0.72);
        	
        }
        	
        40% {
        	
        transform: translateX(-11vw) translateY(10vh) scale(0.31);
        	
        }
        
        44% {
        
        transform: translateX(-46vw) translateY(-6vh) scale(0.34);
        
        }
        	
        48% {
        	
        transform: translateX(26vw) translateY(11vh) scale(0.58);
        
        }
        	
        52% {
        	
        transform: translateX(7vw) translateY(1vh) scale(0.9);
        	
        }
        	
        56% {
        	
        transform: translateX(11vw) translateY(40vh) scale(0.39);
        	
        }
        	
        60% {
    	
        transform: translateX(36vw) translateY(18vh) scale(0.87);
        
        }
        	
        64% {
        
        transform: translateX(22vw) translateY(40vh) scale(0.48);
        	
        }
        	
        68% {
        	
        transform: translateX(24vw) translateY(-49vh) scale(0.83);
        	
        }
        	
        72% {
        
        transform: translateX(0vw) translateY(-13vh) scale(0.33);
        	
        }
        	
        76% {
        	
        transform: translateX(-49vw) translateY(13vh) scale(0.84);
        	
        }
        	
        80% {
        	
        transform: translateX(0vw) translateY(36vh) scale(0.51);
        	
        }
        	
        84% {
        	
        transform: translateX(30vw) translateY(-9vh) scale(0.85);
        	
        }
        	
        88% {
        	
        transform: translateX(26vw) translateY(26vh) scale(0.44);
        	
        }
    	
        92% {
        	
        transform: translateX(-44vw) translateY(-13vh) scale(0.26);
        
        }
        
        96% {
        	
        transform: translateX(2vw) translateY(-49vh) scale(0.97);
        	
        }
        	
        100% {
        	
        transform: translateX(5vw) translateY(22vh) scale(0.84);
        
        }
        	
        }
    	
        .firefly:nth-child(2) {
      
        animation-name: move2;
      
        }
      
        .firefly:nth-child(2)::before {
       
        animation-duration: 18s;
       
        }
       
        .firefly:nth-child(2)::after {
        
        animation-duration: 18s, 8770ms;
       
        animation-delay: 0ms, 3615ms;
       
        }
        
        
        	
        @keyframes move2 {
        	
        0% {
        	
        transform: translateX(-14vw) translateY(14vh) scale(0.86);
        	
        }
        		
        5.2631578947% {
        	
        transform: translateX(49vw) translateY(45vh) scale(0.86);
        	
        }
        	
        10.5263157895% {
        	
        transform: translateX(50vw) translateY(22vh) scale(0.28);
        	
        }
        	
        15.7894736842% {
        	
        transform: translateX(-14vw) translateY(46vh) scale(0.98);
        	
        }
        
        21.0526315789% {
        	
        transform: translateX(-42vw) translateY(-11vh) scale(0.8);
        
        }
        
        26.3157894737% {
        
        transform: translateX(-25vw) translateY(17vh) scale(0.65);
    	
        }
        
        31.5789473684% {
       
        transform: translateX(38vw) translateY(14vh) scale(0.81);
        	
        }
        	
        36.8421052632% {
        	
        transform: translateX(10vw) translateY(39vh) scale(0.72);
        	
        }
        	
        42.1052631579% {
        	
        transform: translateX(49vw) translateY(36vh) scale(0.58);
        	
        }
        	
        47.3684210526% {
        	
        transform: translateX(47vw) translateY(0vh) scale(0.52);
        	
        }
        	
        52.6315789474% {
        	
        transform: translateX(-47vw) translateY(-39vh) scale(0.88);
    	
        }
        	
        57.8947368421% {
        	
        transform: translateX(-7vw) translateY(-15vh) scale(0.97);
        	
        }
        	
        63.1578947368% {
        	
        transform: translateX(49vw) translateY(-9vh) scale(0.7);
        	
        }
        	
        68.4210526316% {
        	
        transform: translateX(27vw) translateY(8vh) scale(0.91);
        		
        }
        	
        73.6842105263% {
        	
        transform: translateX(12vw) translateY(35vh) scale(0.8);
        		
        }
        	
        78.9473684211% {
        	
        transform: translateX(30vw) translateY(-9vh) scale(0.28);
        	
        }
        	
        84.2105263158% {
        	
        transform: translateX(-6vw) translateY(-47vh) scale(0.41);
        	
        }
        	
        89.4736842105% {
        		
        transform: translateX(50vw) translateY(-6vh) scale(0.93);
        	
        }
        	
        94.7368421053% {
        	
        transform: translateX(-48vw) translateY(-44vh) scale(0.98);
        	
        }
        	
        100% {
        	
        transform: translateX(18vw) translateY(34vh) scale(0.49);
        	
        }
        		
        }
        	
        .firefly:nth-child(3) {
        	
        animation-name: move3;
        		
        }
        	
        .firefly:nth-child(3)::before {
        		
        animation-duration: 10s;
        	
        }
        		
        .firefly:nth-child(3)::after {
    	
        animation-duration: 10s, 8485ms;
        	
        animation-delay: 0ms, 7346ms;
        	
        }
        	
        
        		
        @keyframes move3 {
        	
        0% {
        		
        transform: translateX(-17vw) translateY(-4vh) scale(0.96);
        	
        }
        	
        3.8461538462% {
        		
        transform: translateX(-35vw) translateY(-5vh) scale(0.76);
        	
        }
        		
        7.6923076923% {
        	
        transform: translateX(0vw) translateY(-42vh) scale(0.65);
        	
        }
        		
        11.5384615385% {
        	
        transform: translateX(47vw) translateY(-44vh) scale(0.65);
        	
        }
    		
        15.3846153846% {
        	
        transform: translateX(-24vw) translateY(-44vh) scale(0.81);
        		
        }
    	
       19.2307692308% {
        	
        transform: translateX(22vw) translateY(29vh) scale(0.56);
        	
        }
        	
        23.0769230769% {
        	
        transform: translateX(39vw) translateY(-8vh) scale(0.68);
        	
        }
        	
        26.9230769231% {
        	
        transform: translateX(48vw) translateY(-10vh) scale(0.32);
        	
        }
        	
        30.7692307692% {
        	
        transform: translateX(-34vw) translateY(0vh) scale(0.81);
        	
        }
        	
        34.6153846154% {
        	
        transform: translateX(32vw) translateY(26vh) scale(0.43);
        	
        }
        	
        38.4615384615% {
        	
        transform: translateX(27vw) translateY(47vh) scale(0.26);
        	
        }
        	
        42.3076923077% {
        
        transform: translateX(-34vw) translateY(42vh) scale(0.42);
        	
        }
        	
        46.1538461538% {
        	
        transform: translateX(40vw) translateY(23vh) scale(0.93);
        	
        }
        	
        50% {
        	
        transform: translateX(-13vw) translateY(-29vh) scale(0.56);
        	
        }
        	
        53.8461538462% {
        	
        transform: translateX(-24vw) translateY(-46vh) scale(0.79);
        		
        }
        	
        57.6923076923% {
        	
        transform: translateX(-42vw) translateY(-49vh) scale(0.35);
        	
        }
        
        61.5384615385% {
        
        transform: translateX(20vw) translateY(48vh) scale(0.5);
        	
        }
        	
        65.3846153846% {
        	
        transform: translateX(40vw) translateY(-25vh) scale(0.99);
        
        }
        	
        69.2307692308% {
        	
        transform: translateX(9vw) translateY(2vh) scale(0.63);
        	
        }
        
        73.0769230769% {
        	
        transform: translateX(-24vw) translateY(10vh) scale(0.39);
        	
        }
        	
        76.9230769231% {
        	
        transform: translateX(1vw) translateY(-33vh) scale(0.45);
        	
        }
        	
        80.7692307692% {
        	
        transform: translateX(41vw) translateY(-35vh) scale(0.52);
        	
        }
        	
        84.6153846154% {
        	
        transform: translateX(46vw) translateY(10vh) scale(0.98);
        
        }
        	
        88.4615384615% {
        	
        transform: translateX(26vw) translateY(-18vh) scale(0.92);
        	
        }
        		
        92.3076923077% {
        
        transform: translateX(45vw) translateY(36vh) scale(0.53);
        	
        }
        		
        96.1538461538% {
        	
        transform: translateX(38vw) translateY(-13vh) scale(0.84);
        		
        }
        	
        100% {
        	
        transform: translateX(-4vw) translateY(-15vh) scale(0.52);
        	
        }
        	
        }
        	
        .firefly:nth-child(4) {
        	
        animation-name: move4;
        	
        }
        	
        .firefly:nth-child(4)::before {
        	
        animation-duration: 15s;
        	
        }
        	
        .firefly:nth-child(4)::after {
        	
        animation-duration: 15s, 10052ms;
        	
        animation-delay: 0ms, 1328ms;
        	
        }
        	
        
        	
        @keyframes move4 {
        	
        0% {
        	
        transform: translateX(3vw) translateY(31vh) scale(0.68);
        	
        }
        
        3.7037037037% {
        	
        transform: translateX(-48vw) translateY(15vh) scale(0.73);
        
        }
        	
        7.4074074074% {
        	
        transform: translateX(-32vw) translateY(-34vh) scale(0.39);
        	
        }
        	
        11.1111111111% {
        	
        transform: translateX(-45vw) translateY(27vh) scale(0.73);
        	
        }
        	
        14.8148148148% {
        	
        transform: translateX(-31vw) translateY(-47vh) scale(0.32);
                }
        	
        18.5185185185% {
        	
        transform: translateX(37vw) translateY(-11vh) scale(0.57);
        	
        }
        	
        22.2222222222% {
        	
        transform: translateX(4vw) translateY(49vh) scale(0.71);
        
        }
        
        25.9259259259% {
        	
        transform: translateX(44vw) translateY(19vh) scale(0.48);
        	
        }
        	
        29.6296296296% {
        	
        transform: translateX(-31vw) translateY(33vh) scale(0.5);
        	
        }
        	
        33.3333333333% {
        	
        transform: translateX(-33vw) translateY(-18vh) scale(0.9);
        
        }
        	
        37.037037037% {
        
        transform: translateX(-1vw) translateY(41vh) scale(0.37);
        	
        }
        	
        40.7407407407% {
        	
        transform: translateX(-48vw) translateY(10vh) scale(0.9);
        	
        }
        	
        44.4444444444% {
        	
        transform: translateX(-48vw) translateY(33vh) scale(0.64);
        	
        }
        	
        48.1481481481% {
        	
        transform: translateX(48vw) translateY(-7vh) scale(0.64);
        	
        }
        	
        51.8518518519% {
        	
        transform: translateX(39vw) translateY(-7vh) scale(0.92);
        	
        }
        	
        55.5555555556% {
        	
        transform: translateX(-27vw) translateY(-26vh) scale(0.5);
        	
        }
        	
        59.2592592593% {
        	
        transform: translateX(3vw) translateY(43vh) scale(0.78);
        	
        }
        	
        62.962962963% {
        	
        transform: translateX(-8vw) translateY(4vh) scale(0.52);
        	
        }
        
        66.6666666667% {
        
        transform: translateX(-1vw) translateY(24vh) scale(0.74);
        	
        }
        	
        70.3703703704% {
        	
        transform: translateX(-34vw) translateY(42vh) scale(0.39);
        	
        }
        	
        74.0740740741% {
        	
        transform: translateX(28vw) translateY(-15vh) scale(0.64);
        	
        }
        	
        77.7777777778% {
        	
        transform: translateX(41vw) translateY(-34vh) scale(0.49);
        	
        }
        	
        81.4814814815% {
        	
        transform: translateX(-38vw) translateY(5vh) scale(0.26);
        	
        }
        	
        85.1851851852% {
        	
        transform: translateX(8vw) translateY(1vh) scale(0.71);
        	
        }
        
        88.8888888889% {
        
        transform: translateX(26vw) translateY(3vh) scale(0.49);
        	
        }
        
        92.5925925926% {
        
        transform: translateX(-22vw) translateY(-14vh) scale(0.8);
       
        }
        
        96.2962962963% {
        
        transform: translateX(-49vw) translateY(11vh) scale(0.41);
        
        }
       
        100% {
        	
        transform: translateX(-7vw) translateY(47vh) scale(0.76);
        
        }
        
        }
        	
        .firefly:nth-child(5) {
        	
        animation-name: move5;
        	
        }
       	
        .firefly:nth-child(5)::before {
       
        animation-duration: 9s;
        	
        }
       
        .firefly:nth-child(5)::after {
        	
        animation-duration: 9s, 7648ms;
       	
        animation-delay: 0ms, 4450ms;
        	
        }
       	
        
       
        @keyframes move5 {
      
        0% {
       	
        transform: translateX(48vw) translateY(-37vh) scale(0.62);
       	
        }
       
        5.8823529412% {
        	
        transform: translateX(-30vw) translateY(47vh) scale(0.81);
        
        }
        
        11.7647058824% {
        
        transform: translateX(-25vw) translateY(-14vh) scale(0.62);
        
        }
        
        17.6470588235% {
        	
        transform: translateX(26vw) translateY(-5vh) scale(0.58);
        	
        }
       	
        23.5294117647% {
        
        transform: translateX(3vw) translateY(-43vh) scale(0.27);
       
        }
       
        29.4117647059% {
        
        transform: translateX(-21vw) translateY(-24vh) scale(0.27);
       	
        }
       
        35.2941176471% {
        
        transform: translateX(8vw) translateY(46vh) scale(0.7);
       
        }
       	
        41.1764705882% {
       	
        transform: translateX(-35vw) translateY(-45vh) scale(0.52);
       
        }
       
        47.0588235294% {
       
        transform: translateX(-47vw) translateY(22vh) scale(0.76);
        
        }
       	
        52.9411764706% {
       	
        transform: translateX(-35vw) translateY(-48vh) scale(0.65);
      
        }
       
        58.8235294118% {
        
        transform: translateX(-20vw) translateY(-43vh) scale(0.41);
       
        }
       	
        64.7058823529% {
        	
        transform: translateX(18vw) translateY(38vh) scale(0.61);
      	
        }
       
        70.5882352941% {
       
        transform: translateX(5vw) translateY(44vh) scale(0.44);
       
        }
        
        76.4705882353% {
        
        transform: translateX(-14vw) translateY(15vh) scale(0.63);
       
        }
       	
        82.3529411765% {
        
        transform: translateX(37vw) translateY(-22vh) scale(0.29);
        	
        }
        
        88.2352941176% {
        
        transform: translateX(41vw) translateY(41vh) scale(0.37);
        
        }
        	
        94.1176470588% {
        
        transform: translateX(38vw) translateY(-25vh) scale(0.85);
       
        }
        
        100% {
        
        transform: translateX(22vw) translateY(-9vh) scale(0.35);
       
        }
        
        }
       
        .firefly:nth-child(6) {
       
        animation-name: move6;
     
        }
        	
        .firefly:nth-child(6)::before {
        	
        animation-duration: 11s;
        	
        }
        	
        .firefly:nth-child(6)::after {
        	
        animation-duration: 11s, 10209ms;
        	
        animation-delay: 0ms, 5839ms;
        	
        }
        	
        
        	
        @keyframes move6 {
       
        0% {
        
        transform: translateX(50vw) translateY(2vh) scale(0.53);
        
        }
       
        4% {
       
        transform: translateX(23vw) translateY(17vh) scale(0.76);
        
        }
       
        8% {
        
        transform: translateX(-3vw) translateY(42vh) scale(0.93);
       
        }
       
        12% {
       
        transform: translateX(-20vw) translateY(49vh) scale(0.94);
     
        }
       
        16% {
       
        transform: translateX(-44vw) translateY(-47vh) scale(0.28);
       
        }
      
        20% {
      
        transform: translateX(36vw) translateY(-1vh) scale(0.53);
       
        }
      
        24% {
     
        transform: translateX(-10vw) translateY(38vh) scale(0.6);
      
        }
    
        28% {
      
        transform: translateX(34vw) translateY(-13vh) scale(0.55);
      
        }
      
        32% {
      
        transform: translateX(-5vw) translateY(16vh) scale(0.57);
       
        }
      
        36% {
       
        transform: translateX(-49vw) translateY(-47vh) scale(0.61);
       
        }
       
        40% {
       
        transform: translateX(-15vw) translateY(-18vh) scale(0.73);
       
        }
       	
        44% {
       	
        transform: translateX(14vw) translateY(-44vh) scale(0.74);
       	
        }
        
        48% {
       
        transform: translateX(-28vw) translateY(35vh) scale(0.48);
        
        }
       
        52% {
        
        transform: translateX(-11vw) translateY(-20vh) scale(0.61);
        
        }
        
        56% {
        
        transform: translateX(27vw) translateY(33vh) scale(0.76);
        
        }
       	
        60% {
        
        transform: translateX(-37vw) translateY(-34vh) scale(0.32);
        
        }
        
        64% {
       
        transform: translateX(5vw) translateY(-6vh) scale(0.39);
        
        }
        
        68% {
       
        transform: translateX(5vw) translateY(1vh) scale(0.45);
       
        }
        
        
        72% {
       
        transform: translateX(11vw) translateY(-20vh) scale(0.35);
       
        }
       
        76% {
       
        transform: translateX(-7vw) translateY(35vh) scale(0.59);
        
        }
       
        80% {
        
        transform: translateX(-44vw) translateY(20vh) scale(0.44);
        
        }
        
        84% {
        
        transform: translateX(-23vw) translateY(6vh) scale(0.91);
        
        }
       	
        88% {
        
        transform: translateX(41vw) translateY(-42vh) scale(0.59);
        
        }
        
        92% {
        
        transform: translateX(32vw) translateY(28vh) scale(0.37);
       
        }
      
        96% {
        	
        transform: translateX(31vw) translateY(9vh) scale(0.49);
       
        }
        
        100% {
        
        transform: translateX(-21vw) translateY(0vh) scale(0.9);
       	
        }
       
        }
        
        .firefly:nth-child(7) {
        	
        animation-name: move7;
      
        }
      
        .firefly:nth-child(7)::before {
        
        animation-duration: 15s;
        	
        }
        
        .firefly:nth-child(7)::after {
        
        animation-duration: 15s, 8704ms;
        
        animation-delay: 0ms, 539ms;
        
        }
       
        
        
        @keyframes move7 {
       
        0% {
        
        transform: translateX(-20vw) translateY(11vh) scale(0.47);
        
        }
        	
        5.5555555556% {
       	
        transform: translateX(12vw) translateY(6vh) scale(0.78);
       	
        }
       	
        11.1111111111% {
        
        transform: translateX(0vw) translateY(-3vh) scale(0.91);
       	
        }
       	
        16.6666666667% {
        	
        transform: translateX(-21vw) translateY(-45vh) scale(0.49);
        
        }
       
        22.2222222222% {
       
        transform: translateX(-47vw) translateY(-47vh) scale(0.91);
       
        }
        
        27.7777777778% {
        
        transform: translateX(31vw) translateY(-41vh) scale(0.42);
       	
        }
        	
        33.3333333333% {
        
        transform: translateX(6vw) translateY(-6vh) scale(0.37);
        
        }
        	
        38.8888888889% {
       
        transform: translateX(-6vw) translateY(-10vh) scale(0.38);
       
        }
       
        44.4444444444% {
        
        transform: translateX(-23vw) translateY(-13vh) scale(0.82);
       
        }
       
        50% {
      
        transform: translateX(-45vw) translateY(36vh) scale(0.36);
       
        }
        
        55.5555555556% {
       	
        transform: translateX(-48vw) translateY(-33vh) scale(0.88);
       	
        }
        
        61.1111111111% {
       
        transform: translateX(50vw) translateY(-21vh) scale(0.88);
        	
        }
       	
        66.6666666667% {
       
        transform: translateX(-36vw) translateY(-7vh) scale(0.58);
       	
        }
        	
        72.2222222222% {
        	
        transform: translateX(-26vw) translateY(-24vh) scale(0.96);
       
        }
        	
        77.7777777778% {
        
        transform: translateX(-33vw) translateY(47vh) scale(0.77);
       	
        }
        	
        83.3333333333% {
       	
        transform: translateX(47vw) translateY(21vh) scale(1);
       
        }
        
        88.8888888889% {
        
        transform: translateX(-19vw) translateY(-12vh) scale(0.77);
        
        }
        
        94.4444444444% {
       	
        transform: translateX(-22vw) translateY(3vh) scale(0.88);
      
        }
       
        100% {
       
        transform: translateX(17vw) translateY(-43vh) scale(0.77);
       
        }
        	
        }
       
        .firefly:nth-child(8) {
        	
        animation-name: move8;
        
        }
        
        .firefly:nth-child(8)::before {
        	
        animation-duration: 12s;
       	
        }
       	
        .firefly:nth-child(8)::after {
       	
        animation-duration: 12s, 9575ms;
        	
        animation-delay: 0ms, 3759ms;
       
        }
        
        
        	
        @keyframes move8 {
       	
        0% {
        	
        transform: translateX(2vw) translateY(-46vh) scale(0.45);
        	
        }
        
        3.8461538462% {
        
        transform: translateX(8vw) translateY(31vh) scale(0.28);
        
        }
        
        7.6923076923% {
        	
        transform: translateX(-44vw) translateY(-18vh) scale(0.4);
        
        }
        
        11.5384615385% {
       
        transform: translateX(47vw) translateY(-38vh) scale(0.92);
        
        }
        
        15.3846153846% {
       
        transform: translateX(-3vw) translateY(-19vh) scale(0.3);
       
        }
        
        19.2307692308% {
        
        transform: translateX(-36vw) translateY(32vh) scale(0.49);
        
        }
        
        23.0769230769% {
        
        transform: translateX(-27vw) translateY(9vh) scale(0.65);
       
        }
       
        26.9230769231% {
       
        transform: translateX(-18vw) translateY(17vh) scale(0.51);
        	
        }
        	
        30.7692307692% {
        	
        transform: translateX(-41vw) translateY(-40vh) scale(0.44);
       
        }
        
        34.6153846154% {
       	
        transform: translateX(50vw) translateY(9vh) scale(0.68);
       
        }
       
        38.4615384615% {
       
        transform: translateX(25vw) translateY(-44vh) scale(0.67);
       
        }
       
        42.3076923077% {
       	
        transform: translateX(-40vw) translateY(16vh) scale(0.3);
        
        }
        
        46.1538461538% {
        
        transform: translateX(31vw) translateY(-40vh) scale(0.48);
       
        }
        
        50% {
        
        transform: translateX(-22vw) translateY(-25vh) scale(0.73);
       
        }
       
        53.8461538462% {
        
        transform: translateX(28vw) translateY(0vh) scale(0.53);
        
        }
       	
        57.6923076923% {
        	
        transform: translateX(-3vw) translateY(22vh) scale(0.38);
       
        }
       
        61.5384615385% {
       	
        transform: translateX(16vw) translateY(37vh) scale(0.47);
       
        }
        
        65.3846153846% {
       
        transform: translateX(23vw) translateY(-45vh) scale(0.79);
       
        }
       
        69.2307692308% {
       
        transform: translateX(-9vw) translateY(-9vh) scale(0.99);
       
        }
       
        73.0769230769% {
        	
        transform: translateX(-35vw) translateY(-26vh) scale(0.49);
       	
        }
       	
        76.9230769231% {
       
        transform: translateX(42vw) translateY(-25vh) scale(0.91);
        	
        }
        
        80.7692307692% {
       	
        transform: translateX(21vw) translateY(-39vh) scale(0.65);
        	
        }
        	
        84.6153846154% {
       
        transform: translateX(-27vw) translateY(-1vh) scale(0.44);
       
        }
       	
        88.4615384615% {
       	
        transform: translateX(31vw) translateY(29vh) scale(0.91);
      	
        }
       
        92.3076923077% {
       	
        transform: translateX(29vw) translateY(-43vh) scale(0.43);
        	
        }
       	
        96.1538461538% {
       	
        transform: translateX(-13vw) translateY(-12vh) scale(0.27);
       	
        }
        	
        100% {
       	
        transform: translateX(-1vw) translateY(45vh) scale(0.3);
        	
        }
        
        }
        	
        .firefly:nth-child(9) {
        		
        animation-name: move9;
        		
        }
        		
        .firefly:nth-child(9)::before {
        		
        animation-duration: 14s;
        		
        }
        		
        .firefly:nth-child(9)::after {
        		
        animation-duration: 14s, 6652ms;
        		
        animation-delay: 0ms, 8375ms;
        		
        }
        		
        
        		
        @keyframes move9 {
        		
        0% {
        		
        transform: translateX(5vw) translateY(-49vh) scale(0.95);
        		
        }
        		
        5.8823529412% {
        		
        transform: translateX(-5vw) translateY(23vh) scale(0.88);
        		
        }
        		
        11.7647058824% {
        		
        transform: translateX(-32vw) translateY(-40vh) scale(0.75);
        		
        }
        		

        17.6470588235% {
        	
        transform: translateX(44vw) translateY(20vh) scale(0.6);
        
        }
        		
        23.5294117647% {
        		
        transform: translateX(8vw) translateY(-18vh) scale(0.43);
        		
        }
        		
        29.4117647059% {
        		
        transform: translateX(29vw) translateY(12vh) scale(0.35);
        		
        }
        		
        35.2941176471% {
        	
        transform: translateX(13vw) translateY(40vh) scale(0.81);
        	
        }
        	
        41.1764705882% {
        
        transform: translateX(-28vw) translateY(-28vh) scale(0.73);
        	
        }
      
        47.0588235294% {
        
        transform: translateX(27vw) translateY(-25vh) scale(0.29);
       
        }
       	
        52.9411764706% {
       
        transform: translateX(-42vw) translateY(-35vh) scale(0.9);
       	
        }
       	
        58.8235294118% {
        	
        transform: translateX(-20vw) translateY(-25vh) scale(0.31);
        	
        }
        	
        64.7058823529% {
        	
        transform: translateX(25vw) translateY(8vh) scale(0.34);
        	
        }
       	
        70.5882352941% {
       	
        transform: translateX(1vw) translateY(-17vh) scale(0.55);
       	
        }
        	
        76.4705882353% {
        	
        transform: translateX(13vw) translateY(-13vh) scale(0.93);
      	
        }
       	
        82.3529411765% {
      	
        transform: translateX(46vw) translateY(48vh) scale(0.54);
       	
        }
       	
        88.2352941176% {
       	
        transform: translateX(18vw) translateY(43vh) scale(0.95);
      
        }
       
        94.1176470588% {
       
        transform: translateX(-1vw) translateY(-17vh) scale(0.83);
       
        }
       	
        100% {
       
        transform: translateX(14vw) translateY(31vh) scale(0.65);
        
        }
       
        }
       	
        .firefly:nth-child(10) {
      
        animation-name: move10;
        
        }
       
        .firefly:nth-child(10)::before {
        	
        animation-duration: 11s;
        	
        }
       
        .firefly:nth-child(10)::after {
        
        animation-duration: 11s, 6628ms;
        	
        animation-delay: 0ms, 3186ms;
       
        }
       
        
       
        @keyframes move10 {
       
        0% {
       	
        transform: translateX(-8vw) translateY(37vh) scale(0.5);
       	
        }
      	
        3.8461538462% {
      
        transform: translateX(42vw) translateY(-7vh) scale(0.96);
       
        }
       
        7.6923076923% {
      	
        transform: translateX(8vw) translateY(40vh) scale(0.7);
       	
        }
     	
        11.5384615385% {
       	
        transform: translateX(11vw) translateY(-33vh) scale(0.65);
       	
        }
      	
        15.3846153846% {
      
        transform: translateX(42vw) translateY(45vh) scale(0.54);
       	
        }
       	
        19.2307692308% {
       	
        transform: translateX(35vw) translateY(-24vh) scale(0.27);
       
        }
       
        23.0769230769% {
        	
        transform: translateX(-4vw) translateY(-22vh) scale(0.87);
       	
        }
        
        26.9230769231% {
        
        transform: translateX(46vw) translateY(-15vh) scale(0.83);
        	
        }
        	
        30.7692307692% {
       	
        transform: translateX(37vw) translateY(37vh) scale(0.33);
       	
        }
       	
        34.6153846154% {
        	
        transform: translateX(45vw) translateY(37vh) scale(0.42);
      
        }
     	
        38.4615384615% {
       	
        transform: translateX(-31vw) translateY(-47vh) scale(0.74);
       	
        }
       	
        42.3076923077% {
       	
        transform: translateX(-26vw) translateY(-24vh) scale(0.84);
       	
        }
        	
        46.1538461538% {
        	
        transform: translateX(-38vw) translateY(-13vh) scale(0.82);
     	
        }
       	
        50% {
       	
        transform: translateX(28vw) translateY(-37vh) scale(0.52);
       	
        }
       	
        53.8461538462% {
        	
        transform: translateX(42vw) translateY(-1vh) scale(0.79);
        	
        }
      	
        57.6923076923% {
      	
        transform: translateX(34vw) translateY(3vh) scale(0.49);
       	
        }
      	
        61.5384615385% {
       	
        transform: translateX(-27vw) translateY(41vh) scale(0.81);
       	
        }
        	
        65.3846153846% {
       
        transform: translateX(36vw) translateY(-34vh) scale(0.63);
        	
        }
        	
        69.2307692308% {
        
        transform: translateX(-6vw) translateY(29vh) scale(0.58);
        	
        }
       	
        73.0769230769% {
       
        transform: translateX(41vw) translateY(15vh) scale(0.82);
      
        }
        
        76.9230769231% {
       
        transform: translateX(8vw) translateY(-21vh) scale(0.52);
      
        }
       
        80.7692307692% {
       
        transform: translateX(-33vw) translateY(-43vh) scale(0.47);
        	
        }
       
        84.6153846154% {
       
        transform: translateX(-28vw) translateY(-18vh) scale(0.68);
       	
        }
        
        88.4615384615% {
       
        transform: translateX(40vw) translateY(27vh) scale(0.53);
        
        }
       	
        92.3076923077% {
       
        transform: translateX(-49vw) translateY(-26vh) scale(0.48);
       	
        }
       	
        96.1538461538% {
       	
        transform: translateX(-47vw) translateY(14vh) scale(0.41);
        
        }
      
        100% {
      	
        transform: translateX(39vw) translateY(30vh) scale(0.97);
       	
        }
      	
        }
       	
        .firefly:nth-child(11) {
        
        animation-name: move11;
       	
        }
       	
        .firefly:nth-child(11)::before {
       
        animation-duration: 11s;
      
        }
      	
        .firefly:nth-child(11)::after {
       
        animation-duration: 11s, 10175ms;
       
        animation-delay: 0ms, 2857ms;
       	
        }
       	
        @keyframes move11 {
        	
        0% {
        
        transform: translateX(-7vw) translateY(-8vh) scale(0.34);
       	
        }
       
        5.5555555556% {
        	
        transform: translateX(28vw) translateY(-27vh) scale(0.84);
        	
        }
       	
        11.1111111111% {
       	
        transform: translateX(-5vw) translateY(-26vh) scale(0.49);
        	
        }
       	
        16.6666666667% {
        	
        transform: translateX(46vw) translateY(-2vh) scale(0.78);
       	
        }
        	
        22.2222222222% {
       	
        transform: translateX(-39vw) translateY(-11vh) scale(0.45);
       
        }
        	
        27.7777777778% {
        	
        transform: translateX(-43vw) translateY(-46vh) scale(0.98);
       
        }
        
        33.3333333333% {
       	
        transform: translateX(26vw) translateY(-39vh) scale(0.75);
       
        }
       	
        38.8888888889% {
        	
        transform: translateX(1vw) translateY(-34vh) scale(0.76);
        	
        }
       	
        44.4444444444% {
       	
        transform: translateX(1vw) translateY(-28vh) scale(0.77);
       	
        }
       	
        50% {
       
        transform: translateX(-31vw) translateY(-32vh) scale(0.54);
       	
        }
       	
        55.5555555556% {
       
        transform: translateX(13vw) translateY(50vh) scale(0.65);
       	
        }
       	
        61.1111111111% {
       	
        transform: translateX(-38vw) translateY(11vh) scale(0.58);
       	
        }
        	
        66.6666666667% {
       	
        transform: translateX(-18vw) translateY(1vh) scale(0.57);
       	
        }
       	
        72.2222222222% {
       	
        transform: translateX(-19vw) translateY(36vh) scale(0.41);
       	
        }
       	
        77.7777777778% {
      	
        transform: translateX(-46vw) translateY(46vh) scale(0.73);
        	
        }
       	
        83.3333333333% {
        	
        transform: translateX(16vw) translateY(25vh) scale(0.66);
       	
        }
        	
        88.8888888889% {
       	
        transform: translateX(48vw) translateY(20vh) scale(0.62);
        
        }
        
        94.4444444444% {
       	
        transform: translateX(-31vw) translateY(-26vh) scale(0.9);
        	
        }
       	
        100% {
       	
        transform: translateX(28vw) translateY(45vh) scale(0.74);
      	
        }
       	
        }
       	
        .firefly:nth-child(12) {
      	
        animation-name: move12;
        	
        }
        	
        .firefly:nth-child(12)::before {
       
        animation-duration: 11s;
       	
        }
       	
        .firefly:nth-child(12)::after {
        	
        animation-duration: 11s, 8912ms;
      
        animation-delay: 0ms, 4222ms;
        	
        }
       	
        @keyframes move12 {
       	
        0% {
      	
        transform: translateX(11vw) translateY(8vh) scale(0.61);
       	
        }
       	
        4.347826087% {
       	
        transform: translateX(-13vw) translateY(-34vh) scale(0.6);
       	
        }
       	
        8.6956521739% {
       	
        transform: translateX(-44vw) translateY(-48vh) scale(0.65);
        	
        }
      	
        13.0434782609% {
      	
        transform: translateX(-28vw) translateY(36vh) scale(0.89);
       	
        }
      	
        17.3913043478% {
       	
        transform: translateX(-22vw) translateY(44vh) scale(0.58);
      
        }
      	
        21.7391304348% {
       
        transform: translateX(2vw) translateY(32vh) scale(0.88);
       	
        }
       	
        26.0869565217% {
      	
        transform: translateX(38vw) translateY(38vh) scale(0.65);
        	
        }
       
        30.4347826087% {
        
        transform: translateX(6vw) translateY(-26vh) scale(1);
       	
        }
       	
        34.7826086957% {
      	
        transform: translateX(25vw) translateY(45vh) scale(0.66);
       	
        }
      
        39.1304347826% {
       	
        transform: translateX(-21vw) translateY(-38vh) scale(0.39);
       
        }
       
        43.4782608696% {
       	
        transform: translateX(12vw) translateY(38vh) scale(0.3);
        
        }
        	
        47.8260869565% {
        	
        transform: translateX(29vw) translateY(-3vh) scale(0.71);
        	
        }
       
        52.1739130435% {
       	
        transform: translateX(13vw) translateY(-34vh) scale(0.34);
       	
        }
       	
        56.5217391304% {
       	
        transform: translateX(-16vw) translateY(-34vh) scale(0.37);
       	
        }
        	
        60.8695652174% {
        	
        transform: translateX(-10vw) translateY(-47vh) scale(0.32);
        	
        }
        	
        65.2173913043% {
        	
        transform: translateX(32vw) translateY(0vh) scale(0.79);
        	
        }
        	
        69.5652173913% {
        
        transform: translateX(-8vw) translateY(-40vh) scale(0.28);
        	
        }
        	
        73.9130434783% {
       	
        transform: translateX(-36vw) translateY(17vh) scale(0.51);
        	
        }
       	
        78.2608695652% {
       	
        transform: translateX(-23vw) translateY(-24vh) scale(0.56);
       	
        }
        	
        82.6086956522% {
        	
        transform: translateX(34vw) translateY(27vh) scale(0.99);
       
        }
       	
        86.9565217391% {
       
        transform: translateX(-33vw) translateY(10vh) scale(0.46);
       	
        }
        
        91.3043478261% {
        
        transform: translateX(-2vw) translateY(-45vh) scale(0.37);
     
        }
       
        95.652173913% {
       
        transform: translateX(-46vw) translateY(-21vh) scale(0.42);
       
        }
       	
        100% {
        	
        transform: translateX(-7vw) translateY(-8vh) scale(0.79);
       	
        }
       
        }
       	
        .firefly:nth-child(13) {
       
        animation-name: move13;
        	
        }
       	
        .firefly:nth-child(13)::before {
       	
        animation-duration: 13s;
      
        }
        	
        .firefly:nth-child(13)::after {
        	
        animation-duration: 13s, 7433ms;
       	
        animation-delay: 0ms, 3757ms;
        	
        }
       	
        @keyframes move13 {
       
        0% {
        	
        transform: translateX(-20vw) translateY(5vh) scale(0.45);
       
        }
       	
        3.8461538462% {
        	
        transform: translateX(7vw) translateY(44vh) scale(0.62);
       	
        }
       	
        7.6923076923% {
       	
        transform: translateX(-27vw) translateY(48vh) scale(0.95);
       	
        }
       	
        11.5384615385% {
       	
        transform: translateX(36vw) translateY(-48vh) scale(0.99);
        	
        }
        	
        15.3846153846% {
       	
        transform: translateX(15vw) translateY(-44vh) scale(0.75);
       
        }
       	
        19.2307692308% {
        	
        transform: translateX(18vw) translateY(20vh) scale(0.94);
        	
        }
       	
        23.0769230769% {
       	
        transform: translateX(16vw) translateY(43vh) scale(0.63);
       	
        }
       	
        26.9230769231% {
        	
        transform: translateX(-33vw) translateY(-30vh) scale(0.32);
       
        }
        	
        30.7692307692% {
        	
        transform: translateX(5vw) translateY(23vh) scale(0.61);
       
        }
       	
        34.6153846154% {
       	
        transform: translateX(-38vw) translateY(28vh) scale(0.87);
        	
        }
       	
        38.4615384615% {
       
        transform: translateX(32vw) translateY(-23vh) scale(0.34);
       	
        }
       	
        42.3076923077% {
       	
        transform: translateX(-41vw) translateY(-25vh) scale(0.91);
        	
        }
        	
        46.1538461538% {
        	
        transform: translateX(-20vw) translateY(42vh) scale(0.41);
        	
        }
        	
        50% {
       	
        transform: translateX(-37vw) translateY(-7vh) scale(0.91);
        	
        }
        	
        53.8461538462% {
        	
        transform: translateX(-11vw) translateY(20vh) scale(0.39);
       	
        }
       
        57.6923076923% {
        	
        transform: translateX(-5vw) translateY(17vh) scale(0.74);
       	
        }
        	
        61.5384615385% {
        	
        transform: translateX(-49vw) translateY(5vh) scale(0.81);
        	
        }
       	
        65.3846153846% {
       	
        transform: translateX(-12vw) translateY(-48vh) scale(0.73);
       	
        }
       	
        69.2307692308% {
       	
        transform: translateX(31vw) translateY(34vh) scale(0.34);
        	
        }
        	
        73.0769230769% {
       
        transform: translateX(-49vw) translateY(-48vh) scale(0.31);
       	
        }
       
        76.9230769231% {
       	
        transform: translateX(-11vw) translateY(10vh) scale(0.67);
      
        }
       	
        80.7692307692% {
       	
        transform: translateX(-24vw) translateY(30vh) scale(0.31);
      	
        }
        	
        84.6153846154% {
       
        transform: translateX(-36vw) translateY(-30vh) scale(0.63);
       	
        }
       	
        88.4615384615% {
       	
        transform: translateX(8vw) translateY(16vh) scale(0.47);
       	
        }
      
        92.3076923077% {
       
        transform: translateX(-36vw) translateY(-18vh) scale(0.4);
      
        }
        	
        96.1538461538% {
        	
        transform: translateX(22vw) translateY(-34vh) scale(0.7);
        	
        }
       	
        100% {
        	
        transform: translateX(-9vw) translateY(2vh) scale(0.92);
        	
        }
        	
        }
        	
        .firefly:nth-child(14) {
        	
        animation-name: move14;
        	
        }
        	
        .firefly:nth-child(14)::before {
       	
        animation-duration: 18s;
       	
        }
        	
        .firefly:nth-child(14)::after {
       
        animation-duration: 18s, 7067ms;
        	
        animation-delay: 0ms, 1649ms;
       	
        }
       	
        @keyframes move14 {
      	
        0% {
        	
        transform: translateX(28vw) translateY(10vh) scale(0.36);
       	
        }
       	
        5.5555555556% {
       	
        transform: translateX(-18vw) translateY(26vh) scale(0.59);
        	
        }
       	
        11.1111111111% {
        	
        transform: translateX(30vw) translateY(-23vh) scale(0.31);
       	
        }
       	
        16.6666666667% {
       	
        transform: translateX(-12vw) translateY(-11vh) scale(0.52);
        	
        }
        	
        22.2222222222% {
        
        transform: translateX(16vw) translateY(-29vh) scale(0.71);
        	
        }
        
        27.7777777778% {
        
        transform: translateX(2vw) translateY(-23vh) scale(0.7);
        	
        }
       
        33.3333333333% {
       
        transform: translateX(-42vw) translateY(-23vh) scale(0.96);
        
        }
        	
        38.8888888889% {
        		
        transform: translateX(-5vw) translateY(-19vh) scale(0.7);
        		
        }
        		
        44.4444444444% {
        		
        transform: translateX(-38vw) translateY(14vh) scale(0.39);
        
        }
      	
        50% {
       	
        transform: translateX(-30vw) translateY(4vh) scale(0.27);
      	
        }
        		
        55.5555555556% {
        		
        transform: translateX(18vw) translateY(-36vh) scale(0.5);
        	
        }
        		
        61.1111111111% {
        		
        transform: translateX(-3vw) translateY(0vh) scale(0.37);
        		
        }
        		
        66.6666666667% {
        		
        transform: translateX(-7vw) translateY(-20vh) scale(0.95);
        		
        }
        		
        72.2222222222% {
        		
        transform: translateX(-34vw) translateY(-8vh) scale(0.73);
        		
        }
        		
        77.7777777778% {
        		
        transform: translateX(20vw) translateY(-39vh) scale(0.61);
        		
        }
        		
        83.3333333333% {
        	
        transform: translateX(5vw) translateY(15vh) scale(0.67);
        		
        }
        		
        88.8888888889% {
        		
        transform: translateX(18vw) translateY(38vh) scale(0.78);
        		
        }
        		
        94.4444444444% {
        		
        transform: translateX(22vw) translateY(-38vh) scale(0.31);
        		
        }
        		
        100% {
        		
        transform: translateX(0vw) translateY(-26vh) scale(0.29);
        		
        }
        		
        }
        		
        .firefly:nth-child(15) {
        		
        animation-name: move15;
        		
        }
        		
        .firefly:nth-child(15)::before {
        		
        animation-duration: 17s;
        		
        }
        		
        .firefly:nth-child(15)::after {
        		
        animation-duration: 17s, 9268ms;
        		
        animation-delay: 0ms, 2464ms;
        		
        }
        	
        
        		
        @keyframes move15 {
        		
        0% {
        		
        transform: translateX(34vw) translateY(35vh) scale(0.53);
        		
        }
        	
        3.5714285714% {
        		
        transform: translateX(48vw) translateY(-33vh) scale(0.78);
        		
        }
        		
        7.1428571429% {
        	
        transform: translateX(6vw) translateY(-13vh) scale(0.72);
        	
        }
        
        10.7142857143% {
    
        transform: translateX(35vw) translateY(-23vh) scale(0.65);
    
        }
        	
        14.2857142857% {
       	
        transform: translateX(41vw) translateY(-10vh) scale(0.41);
      
        }
      	
        17.8571428571% {
        	
        transform: translateX(49vw) translateY(-2vh) scale(0.61);
      	
        }
       
        21.4285714286% {
       	
        transform: translateX(-14vw) translateY(-11vh) scale(0.7);
        		
        }
        		
        25% {
        		
        transform: translateX(26vw) translateY(-28vh) scale(0.81);
        		
        }
        		
        28.5714285714% {
        		
        transform: translateX(17vw) translateY(-25vh) scale(0.44);
        	
        }
        	
        32.1428571429% {
        	
        transform: translateX(21vw) translateY(40vh) scale(0.38);
        	
        }
        
        35.7142857143% {
        	
        transform: translateX(-40vw) translateY(7vh) scale(0.71);
        	
        }
        	
        39.2857142857% {
        	
        transform: translateX(50vw) translateY(1vh) scale(0.33);
        	
        }
    	
        42.8571428571% {
        
        transform: translateX(0vw) translateY(44vh) scale(0.62);
        	
        }
        
        46.4285714286% {
        	
        transform: translateX(-39vw) translateY(44vh) scale(0.37);
        	
        }
        	
        50% {
        
        transform: translateX(-12vw) translateY(-36vh) scale(0.85);
        	
        }
        	
        53.5714285714% {
        	
        transform: translateX(-16vw) translateY(-30vh) scale(0.41);
    	
        }
        
        57.1428571429% {
        		
        transform: translateX(25vw) translateY(46vh) scale(0.96);
        	
        }
        		
        60.7142857143% {
        		
        transform: translateX(28vw) translateY(-28vh) scale(0.73);
        		
        }
        		
        64.2857142857% {
        		
        transform: translateX(-34vw) translateY(22vh) scale(0.49);
        		
        }
        		
        67.8571428571% {
        		
        transform: translateX(-49vw) translateY(1vh) scale(0.44);
        		
        }
        		
        71.4285714286% {
        		
        transform: translateX(-30vw) translateY(-25vh) scale(0.77);
        		
        }
        		
        75% {
        		
        transform: translateX(-3vw) translateY(-31vh) scale(0.59);
        		
        }
        	
        78.5714285714% {
        		
        transform: translateX(28vw) translateY(-3vh) scale(0.64);
        		
        }
        		
        82.1428571429% {
        		
        transform: translateX(-5vw) translateY(-40vh) scale(0.85);
        		
        }
        	
        85.7142857143% {
        	
        transform: translateX(9vw) translateY(-1vh) scale(0.38);
	
        }
        	
        89.2857142857% {
        	
        transform: translateX(23vw) translateY(-13vh) scale(0.45);
        	
        }
        		
        92.8571428571% {
        		
        transform: translateX(-41vw) translateY(38vh) scale(0.9);
        		
        }
        		
        96.4285714286% {
        		
        transform: translateX(5vw) translateY(41vh) scale(0.56);
        		
        }
        		
        100% {
        		
        transform: translateX(20vw) translateY(6vh) scale(0.55);
        		
        }
        		
        }
        		
        @keyframes drift {
        		
        0% {
        		
        transform: rotate(0deg);
        		
        }
        		
        100% {
        		
        transform: rotate(360deg);
        		
        }
        		
        }
        		
        @keyframes flash {
        		
        0%, 30%, 100% {
        		
        opacity: 0;
        		
        box-shadow: 0 0 0vw 0vw yellow;
        	
        }
        		
        5% {
        		
        opacity: 1;
        		
        box-shadow: 0 0 2vw 0.4vw yellow;
        	
        }
        	
        }