bootstrap-styles.css

.portal {display:flex; gap:20px; flex-wrap:wrap; justify-content:space-between}
.portal .card {padding:40px 0px; width:30%; border:0}
.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: 992px) {
.portal.md > div {width:30%}
}


.card.banner {border:1px solid #f2f3f9;}
.card.banner h2 {border:0; margin-top:0}
.card.banner p {margin:0}