article a {
  text-decoration: none;
}

.programa-img {
  width: 80%;
}

.live-text {
    margin-top: 2%;
  }
  .live-text ion-icon {
    color: red;
  }

  .mycard {
    margin: 15px auto;
  }

  .mycard a {
    text-decoration: none;
  }
  /* FLASHING */
  
  @-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
  
    25%,
    75% {
        opacity: 0;
    }
  }
  
  @keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
  
    25%,
    75% {
        opacity: 0;
    }
  }
  
  .faa-flash.animated,
  .faa-flash.animated-hover:hover,
  .faa-parent.animated-hover:hover > .faa-flash {
    -webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
  }
  
  .faa-flash.animated.faa-fast,
  .faa-flash.animated-hover.faa-fast:hover,
  .faa-parent.animated-hover:hover > .faa-flash.faa-fast {
    -webkit-animation: flash 1s ease infinite;
    animation: flash 1s ease infinite;
  }
  
  .faa-flash.animated.faa-slow,
  .faa-flash.animated-hover.faa-slow:hover,
  .faa-parent.animated-hover:hover > .faa-flash.faa-slow {
    -webkit-animation: flash 3s ease infinite;
    animation: flash 3s ease infinite;
  }

 @keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%, 50%, 70% {
    transform: scale(1.3) rotate(8deg);
  }
  40%, 60% {
    transform: scale(1.3) rotate(-8deg);
  }
  80%, 100% {
    transform: scale(1) rotate(0);
  }
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 2s linear infinite;
          animation: tada 2s linear infinite;
}

.faa-tada.animated.faa-fast,
.faa-tada.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
  -webkit-animation: tada 1s linear infinite;
          animation: tada 1s linear infinite;
}

.faa-tada.animated.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
  -webkit-animation: tada 3s linear infinite;
          animation: tada 3s linear infinite;
}
  
  .main-event {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .main-event .match {
    text-decoration: none;
  }
  
  .main-event .league img {
    min-width: 5%;
    max-width: 60px;
  }
  .main-event .league .time {
    position: absolute;
  }
  
  .main-event .channel img {
    min-width: 5%;
    max-width: 60px;
  }
  
  .league {
    margin-left: 2%;
  }
  
  .league p{
    position: absolute;
    min-width: 80px;
  }
  
  .match {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
  }
  
  .team img {
    min-width: 5%;
    max-width: 60px;
  }
  
  .team {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    text-align: center;
    width: 120px;
    margin: 0 auto;
    height: 120px;
  }
  
  .vs {
    margin: 0 auto;
    text-decoration: none;
  }
  
  .channel {
    margin-right: 2%;
  }
  
  .match h4 {
    margin-top: 2%;
    font-size: 15px;
  }
  
  .match h6 {
    font-size: 1rem;
  }
  
  /* responsive */
  
  @media screen and (max-width: 800px) {
    .team {
        width: 80px;
        font-size: 0.8rem;
    }
    .main-event .league img {
        min-width: 3%;
        max-width: 48px;
    }
    .team img {
        min-width: 3%;
        max-width: 48px;
    }
    .league-img {
      max-width: 38px;
    }  
    .main-event .channel img {
        min-width: 3%;
        max-width: 48px;
    }
    .team h4 {
      display: none;
    }
  }
  @media screen and (max-width: 340px) {
    .team {
        width: 80px;
        font-size: 0.8rem;
    }
    .main-event .league img {
        display: none;
    }
    .team img {
        min-width: 3%;
        max-width: 48px;
    }
    .main-event .channel img {
        display: none;
    }
    .main-event p{
      display: none;
    }
    .vs {
      display: none;
    }
  }