.pacCard {
    max-width: 300px;
    width: 100%;
    height: 250px;
    margin: 16px auto;
    border-radius: 20px;
    background: linear-gradient(-45deg, #1600c6, #c05fd6, #ff28a9, #fffd7a);
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease-in-out infinite;
    box-shadow: 0px 0px 6px #8e00a1c4;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
        /* transform: rotate(-2deg); */
    }

    50% {
        background-position: 100% 50%;
        /* transform: rotate(2deg); */
    }

    100% {
        background-position: 0% 50%;
        /* transform: rotate(-2deg); */
    }
}

.pacList {
    text-align: center;
    color: white;
    position: relative;
    height: inherit;
}

.nodec {
    text-decoration: none;
    color: inherit;
    margin: 50px 10px ;
    display: block;
}

.pacInCard {
    width: 100%;
    background-color: white;
    border: 2px solid white;
    border-radius: 20px;
    position: absolute;
    box-sizing: border-box;
    bottom: 0px;
    min-height: 110px;
}

.pacTit {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    color: white;
    font-family: 'Courgette', cursive;
    text-shadow: 0px 0px 6px #8e00a1c4;
}

.pacSot{
    font-family: cursive;
    padding: 0px 10px; margin: 0px; text-align: left; color: rgb(107, 0, 121); margin-bottom: 10px; font-size: 18px;}

.pacLez {
    margin: 5px 20px; text-align: left; font-size: 17px;font-weight: 600; color: rgb(133, 0, 133);text-transform: uppercase;
}
.nl{ font-size: 20px; color: violet;}





.grid-pac {
    
    width: 100%;
    display: inline-grid;
    grid-template-columns: 33% 33% 33%;
  }

  

@media (max-width:580px) {
    .grid-pac {
        display: block;
        grid-template-columns: 100%;
    }
  }

  @media (max-width:900px) {
      .grid-pac {
          grid-template-columns:50% 50% ;
      }
    }