@charset "UTF-8";

:root{
    --cor00: #0D1A6B;
    --cor01: #1930C4;
    --cor02: #213FFB;
    --cor03: #2816AC;
    --cor04: #18DB49;
    --cor05: #53FC84;
    --cor06: #919DEB;
    --cor07: #C12F54;


    --font01: "Lexend Deca", sans-serif;
}


.card{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.card{
    min-height: 100%;
    padding-top: 10px;
}

.card h3{
    font-family: Arial, Helvetica, sans-serif;
}

.card h5{
    font-family: var(--font01);
    font-weight: 400;
}

.card img{
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    margin-top: 10px;
}

@media (max-width: 576px) { 
.card{
    width: 70%;
    margin-left: 70px;
}

.card-title{
    font-size: 1.7rem;
}

.card  h3{
    font-weight: bolder;
}
    /*<div class="row row-cols-1 row-cols-md-4 g-4 py-5">*/
}