bootstrap-styles.css

.portal {display:flex; gap:40px; flex-wrap:wrap; justify-content:space-between}
.portal .card {padding:40px 0px; width:30%;   background:#f8f9fa}
.portal  h2 {font-size:1.5em; margin:0; padding:0; border:0}
.portal  span:before {position:absolute; top:18px; left:18px;opacity:0.9}
.portal .card-text {line-height:200%}
.bi-mastodon:before{margin-left:50px}

.portal.md > div {width:100%;}

@media (min-width: 576px) {
.portal.md > div {width:30%; }
}


.portal .card:hover{

    box-shadow: 0 6px 8px rgba(0,0,0,.10),0 10px 10px rgba(0,0,0,.10);

  transition: all 0.1s ease-in;

}


.card.banner {border:1px solid #ebebeb!important; padding-bottom:0; background:transparent!important}
.card.banner h2 {border:0; margin-top:0}
.card.banner p {margin:0}