main .insights{
    display:grid;
    grid-template-columns: repeat(3,350px);
    gap: 2rem;
    justify-content: center;
}
main .insights > div{
    padding: var(--card-padding);
    border-radius : var(--card-border-radius);
    margin-top: 1rem;
    box-shadow: var(--box-shadow);
    transition: all 300ms ease;
    text-align: center;
}


main .insights .firstinsight{
    background-color: rgba(225, 0, 0, 0.574);
    color: white;
}
main .insights .secondinsight{
    background-color: rgba(226, 128, 0, 0.574);
    color: white;
}
main .insights .thirdinsight{
    background-color: rgba(226, 226, 0, 0.574);
    color: white;
}


main .insights > div:hover{
    box-shadow: none;
}
/*.nested{
    display: grid;
    grid-template-columns: 90% 10%;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}*/