*{
    margin: 1;
    padding: 1px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body{
    display: flex;
    margin-top: 0px;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #fff;
}


.matriz{
    display: flex;
    flex-direction: row;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    font-size: 14px;
    flex-wrap: wrap;
}


/* CARD1 */

.container1{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container1 .card1{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container1 .card1 .content1{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/1.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container1 .card1:hover .content1{
    transform: translateY(0px);
    opacity: 1;
}

.container1 .card1 .content1 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container1 .card1 .content1 h3{
    position: relative;
    top: 110px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container1 .card1 .content1 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner1 .card1 .content1 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD2 */

.container2{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container2 .card2{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container2 .card2 .content2{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/2.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container2 .card2:hover .content2{
    transform: translateY(0px);
    opacity: 1;
}

.container2 .card2 .content2 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container2 .card2 .content2 h3{
    position: relative;
    top: 110px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container2 .card2 .content2 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner2 .card2 .content2 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD3 */

.container3{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container3 .card3{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container3 .card3 .content3{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/3.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container3 .card3:hover .content3{
    transform: translateY(0px);
    opacity: 1;
}

.container3 .card3 .content3 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container3 .card3 .content3 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container3 .card3 .content3 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner3 .card3 .content3 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD4 */

.container4{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container4 .card4{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container4 .card4 .content4{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/4.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container4 .card4:hover .content4{
    transform: translateY(0px);
    opacity: 1;
}

.container4 .card4 .content4 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container4 .card4 .content4 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container4 .card4 .content4 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner4 .card4 .content4 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD5 */

.container5{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container5 .card5{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container5 .card5 .content5{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/5.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container5 .card5:hover .content5{
    transform: translateY(0px);
    opacity: 1;
}

.container5 .card5 .content5 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container5 .card5 .content5 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container5 .card5 .content5 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner5 .card5 .content5 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD6 */

.container6{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container6 .card6{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container6 .card6 .content6{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/6.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container6 .card6:hover .content6{
    transform: translateY(0px);
    opacity: 1;
}

.container6 .card6 .content6 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container6 .card6 .content6 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container6 .card6 .content6 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner6 .card6 .content6 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD7 */

.container7{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container7 .card7{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container7 .card7 .content7{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/7.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container7 .card7:hover .content7{
    transform: translateY(0px);
    opacity: 1;
}

.container7 .card7 .content7 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container7 .card7 .content7 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container7 .card7 .content7 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner7 .card7 .content7 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD8 */

.container8{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container8 .card8{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container8 .card8 .content8{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/8.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container8 .card8:hover .content8{
    transform: translateY(0px);
    opacity: 1;
}

.container8 .card8 .content8 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container8 .card8 .content8 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container8 .card8 .content8 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner8 .card8 .content8 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD9 */

.container9{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container9 .card9{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container9 .card9 .content9{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/9.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container9 .card9:hover .content9{
    transform: translateY(0px);
    opacity: 1;
}

.container9 .card9 .content9 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container9 .card9 .content9 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container9 .card9 .content9 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner9 .card9 .content9 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD10 */

.container10{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container10 .card10{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container10 .card10 .content10{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/10.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container10 .card10:hover .content10{
    transform: translateY(0px);
    opacity: 1;
}

.container10 .card10 .content10 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container10 .card10 .content10 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container10 .card10 .content10 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner10 .card10 .content10 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD11 */

.container11{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container11 .card11{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container11 .card11 .content11{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/11.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container11 .card11:hover .content11{
    transform: translateY(0px);
    opacity: 1;
}

.container11 .card11 .content11 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container11 .card11 .content11 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container11 .card11 .content11 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner11 .card11 .content11 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD12 */

.container12{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container12 .card12{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container12 .card12 .content12{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/12.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container12 .card12:hover .content12{
    transform: translateY(0px);
    opacity: 1;
}

.container12 .card12 .content12 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container12 .card12 .content12 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container12 .card12 .content12 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner12 .card12 .content12 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD13 */

.container13{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container13 .card13{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container13 .card13 .content13{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/13.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container13 .card13:hover .content13{
    transform: translateY(0px);
    opacity: 1;
}

.container13 .card13 .content13 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container13 .card13 .content13 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container13 .card13 .content13 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner13 .card13 .content13 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD14 */

.container14{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container14 .card14{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container14 .card14 .content14{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/14.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container14 .card14:hover .content14{
    transform: translateY(0px);
    opacity: 1;
}

.container14 .card14 .content14 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container14 .card14 .content14 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container14 .card14 .content14 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner14 .card14 .content14 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD15 */

.container15{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container15 .card15{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container15 .card15 .content15{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/15.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container15 .card15:hover .content15{
    transform: translateY(0px);
    opacity: 1;
}

.container15 .card15 .content15 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container15 .card15 .content15 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container15 .card15 .content15 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner15 .card15 .content15 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD16 */

.container16{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container16 .card16{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container16 .card16 .content16{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/16.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container16 .card16:hover .content16{
    transform: translateY(0px);
    opacity: 1;
}

.container16 .card16 .content16 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container16 .card16 .content16 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container16 .card16 .content16 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner16 .card16 .content16 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD17 */

.container17{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container17 .card17{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container17 .card17 .content17{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/17.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container17 .card17:hover .content17{
    transform: translateY(0px);
    opacity: 1;
}

.container17 .card17 .content17 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container17 .card17 .content17 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container17 .card17 .content17 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner17 .card17 .content17 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD18 */

.container18{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container18 .card18{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container18 .card18 .content18{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/18.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container18 .card18:hover .content18{
    transform: translateY(0px);
    opacity: 1;
}

.container18 .card18 .content18 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container18 .card18 .content18 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container18 .card18 .content18 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner18 .card18 .content18 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD19 */

.container19{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container19 .card19{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container19 .card19 .content19{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/19.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container19 .card19:hover .content19{
    transform: translateY(0px);
    opacity: 1;
}

.container19 .card19 .content19 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container19 .card19 .content19 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container19 .card19 .content19 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner19 .card19 .content19 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD20 */

.container20{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container20 .card20{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container20 .card20 .content20{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/20.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container20 .card20:hover .content20{
    transform: translateY(0px);
    opacity: 1;
}

.container20 .card20 .content20 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container20 .card20 .content20 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container20 .card20 .content20 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner20 .card20 .content20 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD21 */

.container21{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container21 .card21{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container21 .card21 .content21{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/21.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container21 .card21:hover .content21{
    transform: translateY(0px);
    opacity: 1;
}

.container21 .card21 .content21 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container21 .card21 .content21 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container21 .card21 .content21 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner21 .card21 .content21 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD22 */

.container22{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container22 .card22{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container22 .card22 .content22{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/22.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container22 .card22:hover .content22{
    transform: translateY(0px);
    opacity: 1;
}

.container22 .card22 .content22 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container22 .card22 .content22 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container22 .card22 .content22 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner22 .card22 .content22 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD23 */

.container23{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container23 .card23{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container23 .card23 .content23{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/23.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container23 .card23:hover .content23{
    transform: translateY(0px);
    opacity: 1;
}

.container23 .card23 .content23 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container23 .card23 .content23 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container23 .card23 .content23 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner23 .card23 .content23 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD24 */

.container24{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container24 .card24{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container24 .card24 .content24{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/24.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container24 .card24:hover .content24{
    transform: translateY(0px);
    opacity: 1;
}

.container24 .card24 .content24 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container24 .card24 .content24 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container24 .card24 .content24 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner24 .card24 .content24 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD25 */

.container25{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container25 .card25{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container25 .card25 .content25{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/25.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container25 .card25:hover .content25{
    transform: translateY(0px);
    opacity: 1;
}

.container25 .card25 .content25 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container25 .card25 .content25 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container25 .card25 .content25 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner25 .card25 .content25 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD26 */

.container26{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container26 .card26{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container26 .card26 .content26{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/26.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container26 .card26:hover .content26{
    transform: translateY(0px);
    opacity: 1;
}

.container26 .card26 .content26 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container26 .card26 .content26 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container26 .card26 .content26 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner26 .card26 .content26 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD27 */

.container27{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container27 .card27{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container27 .card27 .content27{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/27.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container27 .card27:hover .content27{
    transform: translateY(0px);
    opacity: 1;
}

.container27 .card27 .content27 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container27 .card27 .content27 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container27 .card27 .content27 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner27 .card27 .content27 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD28 */

.container28{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container28 .card28{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container28 .card28 .content28{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/28.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container28 .card28:hover .content28{
    transform: translateY(0px);
    opacity: 1;
}

.container28 .card28 .content28 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container28 .card28 .content28 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container28 .card28 .content28 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner28 .card28 .content28 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD29 */

.container29{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container29 .card29{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container29 .card29 .content29{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/29.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container29 .card29:hover .content29{
    transform: translateY(0px);
    opacity: 1;
}

.container29 .card29 .content29 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container29 .card29 .content29 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container29 .card29 .content29 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner29.card29 .content29 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD30 */

.container30{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container30 .card30{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container30 .card30 .content30{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/30.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container30 .card30:hover .content30{
    transform: translateY(0px);
    opacity: 1;
}

.container30 .card30 .content30 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container30 .card30 .content30 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container30 .card30 .content30 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner30.card30 .content30 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD31 */

.container31{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container31 .card31{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container31 .card31 .content31{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/31.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container31 .card31:hover .content31{
    transform: translateY(0px);
    opacity: 1;
}

.container31 .card31 .content31 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container31 .card31 .content31 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container31 .card31 .content31 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner31 .card31 .content31 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD32 */

.container32{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container32 .card32{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container32 .card32 .content32{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/32.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container32 .card32:hover .content32{
    transform: translateY(0px);
    opacity: 1;
}

.container32 .card32 .content32 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container32 .card32 .content32 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container32 .card32 .content32 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner32 .card32 .content32 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD33 */

.container33{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container33 .card33{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container33 .card33 .content33{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/33.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container33 .card33:hover .content33{
    transform: translateY(0px);
    opacity: 1;
}

.container33 .card33 .content33 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container33 .card33 .content33 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container33 .card33 .content33 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner33 .card33 .content33 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD34 */

.container34{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container34 .card34{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container34 .card34 .content34{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/34.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container34 .card34:hover .content34{
    transform: translateY(0px);
    opacity: 1;
}

.container34 .card34 .content34 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container34 .card34 .content34 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container34 .card34 .content34 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner34 .card34 .content34 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD35 */

.container35{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container35 .card35{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container35 .card35 .content35{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/35.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container35 .card35:hover .content35{
    transform: translateY(0px);
    opacity: 1;
}

.container35 .card35 .content35 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container35 .card35 .content35 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container35 .card35 .content35 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner35 .card35 .content35 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD36 */

.container36{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container36 .card36{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container36 .card36 .content36{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/36.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container36 .card36:hover .content36{
    transform: translateY(0px);
    opacity: 1;
}

.container36 .card36 .content36 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container36 .card36 .content36 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container36 .card36 .content36 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner36 .card36 .content36 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD37 */

.container37{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container37 .card37{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container37 .card37 .content37{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/37.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container37 .card37:hover .content37{
    transform: translateY(0px);
    opacity: 1;
}

.container37 .card37 .content37 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container37 .card37 .content37 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container37 .card37 .content37 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner37 .card37 .content37 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD38 */

.container38{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container38 .card38{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container38 .card38 .content38{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/38.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container38 .card38:hover .content38{
    transform: translateY(0px);
    opacity: 1;
}

.container38 .card38 .content38 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container38 .card38 .content38 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container38 .card38 .content38 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner38 .card38 .content38 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD39 */

.container39{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container39 .card39{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container39 .card39 .content39{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/39.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container39 .card39:hover .content39{
    transform: translateY(0px);
    opacity: 1;
}

.container39 .card39 .content39 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container39 .card39 .content39 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container39 .card39 .content39 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner39 .card39 .content39 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD40 */

.container40{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container40 .card40{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container40 .card40 .content40{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/40.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container40 .card40:hover .content40{
    transform: translateY(0px);
    opacity: 1;
}

.container40 .card40 .content40 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container40 .card40 .content40 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container40 .card40 .content40 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner40 .card40 .content40 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD41 */

.container41{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container41 .card41{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container41 .card41 .content41{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/41.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container41 .card41:hover .content41{
    transform: translateY(0px);
    opacity: 1;
}

.container41 .card41 .content41 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container41 .card41 .content41 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container41 .card41 .content41 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner41 .card41 .content41 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD42 */

.container42{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container42 .card42{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container42 .card42 .content42{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/42.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container42 .card42:hover .content42{
    transform: translateY(0px);
    opacity: 1;
}

.container42 .card42 .content42 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container42 .card42 .content42 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container42 .card42 .content42 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner42 .card42 .content42 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD42 */

.container42{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container42 .card42{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container42 .card42 .content42{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/42.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container42 .card342:hover .content42{
    transform: translateY(0px);
    opacity: 1;
}

.container42 .card42 .content42 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container42 .card42 .content42 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container42 .card42 .content42 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner42 .card42 .content42 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD43 */

.container43{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container43 .card43{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container43 .card43 .content43{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/43.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container43 .card43:hover .content43{
    transform: translateY(0px);
    opacity: 1;
}

.container43 .card43 .content43 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container43 .card43 .content43 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container43 .card43 .content43 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner43 .card43 .content43 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD44 */

.container44{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container44 .card44{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container44 .card44 .content44{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/44.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container44 .card44:hover .content44{
    transform: translateY(0px);
    opacity: 1;
}

.container44 .card44 .content44 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container44 .card44 .content44 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container44 .card44 .content44 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner44 .card44 .content44 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD45 */

.container45{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container45 .card45{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container45 .card45 .content45{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/45.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container345 .card345:hover .content45{
    transform: translateY(0px);
    opacity: 1;
}

.container45 .card45 .content45 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container45 .card45 .content45 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container45 .card45 .content45 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner45 .card45 .content45 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD46 */

.container46{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container46 .card46{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container46 .card46 .content46{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/46.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container46 .card46:hover .content46{
    transform: translateY(0px);
    opacity: 1;
}

.container46 .card46 .content46 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container346 .card46 .content46 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container46 .card46 .content46 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner46 .card46 .content46 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD47 */

.container47{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container47 .card47{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container47 .card47 .content47{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/47.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container47 .card47:hover .content47{
    transform: translateY(0px);
    opacity: 1;
}

.container47 .card47 .content47 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container47 .card47 .content47 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container47 .card47 .content47 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner47 .card47 .content47 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD48 */

.container48{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container48 .card48{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container48 .card48 .content48{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/48.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container48 .card48:hover .content48{
    transform: translateY(0px);
    opacity: 1;
}

.container48 .card48 .content48 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container48 .card48 .content48 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container48 .card48 .content48 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner48 .card48 .content48 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD49 */

.container49{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container49 .card49{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container49 .card49 .content49{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/49.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container49 .card49:hover .content49{
    transform: translateY(0px);
    opacity: 1;
}

.container49 .card49 .content49 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container49 .card49 .content49 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container49 .card49 .content49 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner49 .card49 .content49 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD50 */

.container50{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container50 .card50{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container50 .card50 .content50{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/50.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container50 .card50:hover .content50{
    transform: translateY(0px);
    opacity: 1;
}

.container50 .card50 .content50 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container50 .card50 .content50 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container50 .card50 .content50 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner50 .card50 .content50 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD51 */

.container51{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container51 .card51{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container51 .card51 .content51{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/51.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container51 .card51:hover .content51{
    transform: translateY(0px);
    opacity: 1;
}

.container51 .card51 .content51 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container51 .card51 .content51 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container51 .car51 .content51 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner51 .card51 .content51 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD52 */

.container52{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container52 .card52{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container52 .card52 .content52{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/52.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container52 .card52:hover .content52{
    transform: translateY(0px);
    opacity: 1;
}

.container52 .card52 .content52 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container52 .card52 .content52 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container52 .card52 .content52 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner52 .card52 .content52 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD53 */

.container53{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container53 .card53{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container53 .card53 .content53{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/53.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container53 .card53:hover .content53{
    transform: translateY(0px);
    opacity: 1;
}

.container53 .card53 .content53 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container53 .card53 .content53 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container53 .card53 .content53 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner53 .card53 .content53 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD54 */

.container54{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container54 .card54{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container54 .card54 .content54{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/54.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container54 .card54:hover .content54{
    transform: translateY(0px);
    opacity: 1;
}

.container54 .card54 .content54 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container54 .card54 .content54 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container54 .card54 .content54 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner54 .card54 .content54 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD55 */

.container55{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container55 .card55{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container55 .card55 .content55{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/55.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container55 .card55:hover .content55{
    transform: translateY(0px);
    opacity: 1;
}

.container55 .card55 .content55 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container55 .card55 .content55 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container55 .card55 .content55 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner55 .card55 .content55 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD56 */

.container56{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container56 .card56{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container56 .card56 .content56{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/56.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container56 .card56:hover .content56{
    transform: translateY(0px);
    opacity: 1;
}

.container56 .card56 .content56 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container56 .card56 .content56 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container56 .card56 .content56 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner56 .card56 .content56 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD57 */

.container57{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container57 .card57{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container57 .card57 .content57{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/57.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container57 .card57:hover .content57{
    transform: translateY(0px);
    opacity: 1;
}

.container57 .card57 .content57 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container57 .card57 .content57 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container57 .card57 .content57 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner57 .card57 .content57 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD58 */

.container58{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container58 .card58{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container58 .card58 .content58{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/58.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container58 .card58:hover .content58{
    transform: translateY(0px);
    opacity: 1;
}

.container58 .card58 .content58 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container58 .card58 .content58 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container58 .card58 .content58 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner58 .card58 .content58 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}


/* CARD59 */

.container59{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container59 .card59{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container59 .card59 .content59{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/59.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container59 .card59:hover .content59{
    transform: translateY(0px);
    opacity: 1;
}

.container59 .card59 .content59 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container59 .card59 .content59 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container59 .card59 .content59 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner59 .card59 .content59 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD60 */

.container60{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container60 .card60{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container60 .card60 .content60{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/60.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container60 .card60:hover .content60{
    transform: translateY(0px);
    opacity: 1;
}

.container60 .card60 .content60 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container60 .card60 .content60 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container60 .card60 .content60 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner60 .card60 .content60 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD61 */

.container61{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container61 .card61{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container61 .card61 .content61{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/61.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container61 .card61:hover .content61{
    transform: translateY(0px);
    opacity: 1;
}

.container61 .card61 .content61 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container61 .card61 .content61 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container61 .card61 .content61 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner61 .card61 .content61 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD62 */

.container62{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container62 .card62{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container62 .card62 .content62{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/62.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container62 .card62:hover .content62{
    transform: translateY(0px);
    opacity: 1;
}

.container62 .card62 .content62 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container62 .card62 .content62 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container62 .card62 .content62 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner62 .card62 .content62 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD63 */

.container63{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container63 .card63{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container63 .card63 .content63{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/63.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container63 .card63:hover .content63{
    transform: translateY(0px);
    opacity: 1;
}

.container63 .card63 .content63 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container63 .card63 .content63 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container63 .card63 .content63 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner63 .card63 .content63 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD64 */

.container64{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container64 .card64{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container64 .card64 .content64{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/64.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container64 .card64:hover .content64{
    transform: translateY(0px);
    opacity: 1;
}

.container64 .card64 .content64 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container64 .card64 .content64 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container64 .card64 .content64 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner64 .card64 .content64 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD65 */

.container65{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container65 .card65{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container65 .card65 .content65{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/65.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container65 .card65:hover .content65{
    transform: translateY(0px);
    opacity: 1;
}

.container65 .card65 .content65 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container65 .card65 .content65 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container65 .card65 .content65 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner65 .card65 .content65 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD66 */

.container66{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container66 .card66{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container66 .card66 .content66{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/66.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container66 .card66:hover .content66{
    transform: translateY(0px);
    opacity: 1;
}

.container66 .card66 .content66 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container66 .card66 .content66 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container66 .card66 .content66 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner66 .card66 .content66 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD67 */

.container67{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container67 .card67{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container67 .card67 .content67{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/67.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container67 .card67:hover .content67{
    transform: translateY(0px);
    opacity: 1;
}

.container67 .card67 .content67 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container67 .card67 .content67 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container67 .card67 .content67 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner67 .card67 .content67 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD68 */

.container68{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container68 .card68{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container68 .card68 .content68{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/68.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container68 .card68:hover .content68{
    transform: translateY(0px);
    opacity: 1;
}

.container68 .card68 .content68 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container68 .card68 .content68 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container68 .card68 .content68 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner68 .card68 .content68 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD69 */

.container69{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container69 .card69{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container69 .card69 .content69{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/69.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container69 .card69:hover .content69{
    transform: translateY(0px);
    opacity: 1;
}

.container69 .card69 .content69 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container69 .card69 .content69 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container69 .card69 .content69 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner69 .card69 .content69 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD70 */

.container70{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container70 .card70{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container70 .card70 .content70{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/70.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container70 .card70:hover .content70{
    transform: translateY(0px);
    opacity: 1;
}

.container70 .card70 .content70 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container70 .card70 .content70 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container70 .card70 .content70 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner70 .card70 .content70 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD71 */

.container71{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container71 .card71{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container71 .card71 .content71{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/71.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container71 .card71:hover .content71{
    transform: translateY(0px);
    opacity: 1;
}

.container71 .card71 .content71 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container71 .card71 .content71 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container71 .card71 .content71 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner71 .card71 .content71 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD72 */

.container72{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container72 .card72{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container72 .card72 .content72{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/72.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container72 .card72:hover .content72{
    transform: translateY(0px);
    opacity: 1;
}

.container72 .card72 .content72 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container72 .card72 .content72 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container72 .card72 .content72 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner72 .card72 .content72 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD73 */

.container73{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container73 .card73{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container73 .card73 .content73{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/73.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container73 .card73:hover .content73{
    transform: translateY(0px);
    opacity: 1;
}

.container73 .card73 .content73 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container73 .card73 .content73 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container73 .card73 .content73 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner73 .card73 .content73 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD74 */

.container74{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container74 .card74{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container74 .card74 .content74{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/74.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container74 .card74:hover .content74{
    transform: translateY(0px);
    opacity: 1;
}

.container74 .card74 .content74 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container74 .card74 .content74 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container74 .card74 .content74 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner74 .card74 .content74 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD75 */

.container75{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container75 .card75{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container75 .card75 .content75{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/75.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container75 .card75:hover .content75{
    transform: translateY(0px);
    opacity: 1;
}

.container75 .card75 .content75 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container75 .card75 .content75 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container75 .card75 .content75 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner75 .card75 .content75 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD76 */

.container76{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container76 .card76{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container76 .card76 .content76{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/76.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container76 .card76:hover .content76{
    transform: translateY(0px);
    opacity: 1;
}

.container76 .card76 .content76 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container76 .card76 .content76 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container76 .card76 .content76 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner76 .card76 .content76 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD77 */

.container77{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container77 .card77{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container77 .card77 .content77{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/77.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container77 .card77:hover .content77{
    transform: translateY(0px);
    opacity: 1;
}

.container77 .card77 .content77 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container77 .card77 .content77 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container77 .card77 .content77 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner77 .card77 .content77 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD78 */

.container78{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container78 .card78{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container78 .card78 .content78{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/78.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container78 .card78:hover .content78{
    transform: translateY(0px);
    opacity: 1;
}

.container78 .card78 .content78 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container78 .card78 .content78 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container78 .card78 .content78 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner78 .card78 .content78 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD79 */

.container79{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container79 .card79{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container79 .card79 .content79{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/79.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container79 .card79:hover .content79{
    transform: translateY(0px);
    opacity: 1;
}

.container79 .card79 .content79 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container79 .card79 .content79 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container79 .card79 .content79 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner79 .card79 .content79 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD80 */

.container80{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container80 .card80{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container80 .card80 .content80{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/80.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container80 .card80:hover .content80{
    transform: translateY(0px);
    opacity: 1;
}

.container80 .card80 .content80 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container80 .card80 .content80 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container80 .card80 .content80 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner80 .card80 .content80 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD81 */

.container81{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container81 .card81{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container81 .card81 .content81{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/81.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container81 .card81:hover .content81{
    transform: translateY(0px);
    opacity: 1;
}

.container81 .card81 .content81 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container81 .card81 .content81 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container81 .card81 .content81 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner81 .card81 .content81 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD82 */

.container82{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container82 .card82{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container82 .card82 .content82{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/82.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container82 .card82:hover .content82{
    transform: translateY(0px);
    opacity: 1;
}

.container82 .card82 .content82 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container82 .card82 .content82 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container82 .card82 .content82 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner82 .card82 .content82 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD83 */

.container83{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container83 .card83{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container83 .card83 .content83{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/83.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container83 .card83:hover .content83{
    transform: translateY(0px);
    opacity: 1;
}

.container83 .card83 .content83 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container83 .card83 .content83 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container83 .card83 .content83 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner83 .card83 .content83 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD84 */

.container84{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container84 .card84{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container84 .card84 .content84{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/84.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container84 .card84:hover .content84{
    transform: translateY(0px);
    opacity: 1;
}

.container84 .card84 .content84 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container84 .card84 .content84 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container84 .card84 .content84 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner84 .card84 .content84 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD85 */

.container85{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container85 .card85{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container85 .card85 .content85{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/85.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container85 .card85:hover .content85{
    transform: translateY(0px);
    opacity: 1;
}

.container85 .card85 .content85 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container85 .card85 .content85 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container85 .card85 .content85 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner85 .card85 .content85 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD86 */

.container86{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container86 .card86{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container86 .card86 .content86{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/86.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container86 .card86:hover .content86{
    transform: translateY(0px);
    opacity: 1;
}

.container86 .card86 .content86 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container86 .card86 .content86 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container86 .card86 .content86 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner86 .card86 .content86 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* CARD87 */

.container87{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    flex-wrap: wrap;
    z-index: 1;
}

.container87 .card87{
    cursor: pointer;
    position: relative;
    width: 225px;
    height: 225px;
    margin: 30px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    background: 255, 255, 255, 0.5;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
}

.container87 .card87 .content87{
    position: relative;
    width: 225px;
    height: 225px;
    background: url("../img/card-imagens/87.png") no-repeat;
    padding: 0px;
    text-align: center;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.5s;
}

.container87 .card87:hover .content87{
    transform: translateY(0px);
    opacity: 1;
}

.container87 .card87 .content87 h2{
    position: relative;
    top: -150px;
    right: -150px;
    font-size: 3em;
    color: rgba(183, 193, 172, 1);
    
}

.container87 .card87 .content87 h3{
    position: relative;
    top: 210px;
    font-size: 1.8em;
    color: #fff;
    z-index: 1;
}

.container87 .card87 .content87 p{
    font-size: 1em;
    color: #fff;
    font-weight: 300;
}

.conteaner87 .card87 .content87 a{
    font-size: 3em;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius:  20px;
    font-weight: 500;
    box-shadow: 0 5px 15 px rgba(0, 0, 0, 0.2);
}

/* LINK normal (que nunca foi visitado)*/
a:link {
    font-size: 1.8em;
}

/* LINK normal (que nunca foi visitado)*/
a:link {
    color: red;
}

/* LINK que já foi visitado */
a:visited {
    color: green;
}

/* Quando passar o mouse por cima do LINK */
a:hover {
    color: rgb(218, 224, 165);
}

/* Quando o LINK estiver selecionado/apertado */
a:active {
    color: blue;
}