@import url('https://fonts.googleapis.com/css2?family=Beau+Rivage&family=Roboto:wght@300;400;700&display=swap');

body{
    font-family: "Roboto", sans-serif;
    background:#d4e4c38f;
}

.content{
display:flex; 
justify-content: center;
align-items: center;
align-content: center;
width: 100%;
height: 100vh;
}
.card{
    background: #fff;
    box-shadow: 0px 2px 23px #8e92af78;
    border-radius: 20px;
    width: 450px;
}
.mediaCard{
    background: url(https://olhardigital.com.br/wp-content/uploads/2021/05/Pateta.jpg) center/cover;
    height: 350px;
    width: 100%;
}
.mediaCard2{
    background: url(https://accounts.termwiki.com/images/thumb.png?f=273630) center/cover;
    height: 200px;
    width: 100%;
}
.mediaCard3{
    background: url(https://1.bp.blogspot.com/-V1HFdJy6kc4/XV34MV3RR6I/AAAAAAAACHM/5KeAKtEPP30WxSVkVOibvycGz23TprQqACLcBGAs/s640/Anticipation.jpg) center/cover;
    height: 200px;
    width: 100%;
}
.mediaCard4{
    background: url(https://miro.medium.com/max/900/0*I4at45fWPpSGVHCz.jpg) center/cover;
    height: 220px;
    width: 100%;
}
.mediaCard5{
    background: url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/modelagem-2d/modelagem_2d_a04_f08.png) center/cover;
    height: 195px;
    width: 100%;
}
.mediaCard6{
    background: url(https://static.wixstatic.com/media/1fcf4d_f9ff088e8d0a48b8974e6145c58070d5~mv2.jpg/v1/fill/w_450,h_276,al_c,q_90/1fcf4d_f9ff088e8d0a48b8974e6145c58070d5~mv2.jpg) center/cover;
    height: 195px;
    width: 100%;
}
.mediaCard7{
    background: url(https://principiosdaanimacao.files.wordpress.com/2014/01/exer3_final_3.png) center/cover;
    height: 165px;
    width: 100%;
}
.mediaCard8{
    background: url(https://miro.medium.com/max/900/0*zfq7VBye-n9UfJuS.jpg) center/cover;
    height: 205px;
    width: 100%;
}
.mediaCard9{
    background: url(https://miro.medium.com/max/600/1*7lLFHCe8iQOjgrPLLIA6iA.jpeg) center/cover;
    height: 165px;
    width: 100%;
}
.mediaCard10{
    background: url(https://miro.medium.com/max/900/0*qWSqemfMhqW5L41u.jpg) center/cover;
    height: 200px;
    width: 100%;
}
.mediaCard11{
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTKr-V9-fZRkYhnKtlifdM0QttT4dtrlxXWDAt6_FgoV1HuPheHFQm9FVqJfWCbnvhYAkM&usqp=CAU) center/cover;
    height: 200px;
    width: 100%;
}
.mediaCard12{
    background: url(https://miro.medium.com/max/900/0*tDpc4_UwPagwnsjz.jpg) center/cover;
    height: 270px;
    width: 100%;
}
.mediaCard13{
    background: url(https://miro.medium.com/max/900/0*ftgrCJb4WDrVN1l9.jpg) center/cover;
    height: 275px;
    width: 100%;
}
.tittle{
    color: #524f67;
}
.secondText{
    color: #595f7ab0
}
.bottonText{
    color: #3d4a83e3;
}
.topCard{
    
    padding: 20px;
    padding-top: 0px;
}

.bottonCard {
    padding: 20px;
}
.actions {
    background: none;
    border: none;
    color: limegreen;
}