.main-content {
    margin-bottom: 350px;
}

.main-content .center-text {
    height: 100%;
    margin: 70px 0 200px 0;
}

@layer demo {
    @keyframes scale-a-lil {
        from {
            scale: 0.8;
        }
        to {
            scale: 1.2; /* Ajuste para atingir escala 1.5 */
        }
    }
    
    @media (prefers-reduced-motion: no-preference) {
      .grid figure {
        height: auto;
      }
    }
  }
  
  @layer demo.support {  
    /* Define largura máxima para as imagens */
    img {
        max-inline-size: 100%;
    }
    
    /* Configurações de layout do grid */
    .grid {
        display: grid;
        gap: 10vmin;
        max-inline-size: 1024px;
        width: 100%;
        text-align-last: center;
        margin-bottom: 100px;
    }

    .grid a {
        text-decoration: none;
        color: rgb(223, 222, 218);
        font-weight: 600;
        font-size: 19.18px;
        font-family: "Archivo", "Archivo Placeholder", sans-serif;
    }

    .grid a:hover {
        opacity: 0.65;
        text-decoration: underline;
    }
}

@media (max-width: 600px) {
    .main-content .center-text {
        height: 0;
        margin: 70px 0 110px 0;
    }

    .grid {
        width: 80%;
        gap: 25vmin;
    }

    .cards {
        gap: 0;
    }
}