.other_name{
    /* Centramos el contenido de la sección y determinamos el color de fondo */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: 'Smooch', cursive;
    font-size: 10vmin;
  
  }
  
  .light{
    /* Establecemos las características del texto */
    font-size: 10vmin;
    text-align: center;
    color: rgb(246, 237, 252);
    font-weight: bold;
    position: relative;
  }
  
  .light::before{
    /* Establecemos una sombra utilizando un pseudoelemento con un texto idéntico superpuesto */
    content: attr(data-text);
    position: absolute;
    font-size: 10vmin;
    text-shadow: 0 0 10px  rgb(229, 216, 245);
    filter: blur(10px) brightness(0);
    /* Determianmos la animación */
    animation: parpadeo 2s linear infinite;
    animation-delay: 1s;
    z-index: -1;
  }
  
  .section{
       /* Defino el tamaño de las secciones */
       width: 100%;
       height: 85vh;
     
  }
  
  
  @keyframes parpadeo {
    /* Establecemos el paso a paso de la animación que queremos realizar */
    0%{
         filter: blur(5px) brightness(1);
    }
    3%{
         filter: blur(5px) brightness(0);
    }
    6%{
         filter: blur(5px) brightness(0);
    }
    7%{
         filter: blur(5px) brightness(1);
    }
    8%{
         filter: blur(5px) brightness(0);
    }
    9%{
         filter: blur(5px) brightness(1);
    }
    10%{
         filter: blur(5px) brightness(0);
    }
    20%{
         filter: blur(5px) brightness(1);
    }
  }