Vorlage:Startseite/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
}