.main-list{
  opacity: 0;
}

.main-list.active{
  animation: fade .5s linear 0s 1 forwards; 
}



@-webkit-keyframes led {
  0% {
     box-shadow: rgba(242, 91, 130, 0.42) 0px 0px 0px;            
  }
  30%{
     box-shadow: rgba(242, 91, 130, 0.42) -2px -2px 15px 4px;
  }
  60%{
      box-shadow: rgba(242, 91, 130, 0.42) 0px 0px 0px;  
  }
  100% {
     box-shadow: rgba(242, 91, 130, 0.42) -2px -2px 15px 4px;        
  }
}

@keyframes led {
  0% {
     box-shadow: rgba(242, 91, 130, 0.42) 0px 0px 0px;            
  }
  30%{
     box-shadow: rgba(242, 91, 130, 0.42) -2px -2px 15px 4px;
  }
  60%{
      box-shadow: rgba(242, 91, 130, 0.42) 0px 0px 0px;  
  }
  100% {
     box-shadow: rgba(242, 91, 130, 0.42) -2px -2px 15px 4px;        
  }
}


@-webkit-keyframes breathe {
  0% {
    transform: scale(1);
  }
  50%{
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes breathe {
  0% {
    transform: scale(1);
  }
  50%{
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}


@keyframes fade {
  0% {
    opacity: 0;          
  }

  100% {
    opacity: 1;           
  }
}