#links {
    margin-top: 5rem;
}

.links-content {
    margin-top: 1rem;
}

.link-navigation {
    display: grid;
    grid-template-columns: repeat(auto-fill, 350px)
}

.link-navigation::after {
    content: "";
    display: block;
    clear: both;
}

.link-card {
    width: 280px;
    font-size: 1rem;
    padding: 10px 20px;
    border-radius: 4px;
    transition-duration: 0.15s;
    margin-bottom: 1rem;
    display: flex;
}

.link-card:nth-child(odd) {
    float: left;
}

.link-card:nth-child(even) {
    float: right;
}

.link-card:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.link-card a {
    border: none;
}

.link-card .ava {
    width: 3.5rem !important;
        height: 3.5rem !important;
    margin: 0 !important;
    margin-right: 1em !important;
    border-radius: 4px;
}

.link-card .link-card-header {
    font-style: italic;
    overflow: hidden;
    width: 236px;
    margin-left: 1em !important;
}

.link-card .link-card-header a {
    font-style: normal;
    color: #2bbc8a;
    font-weight: bold;
    text-decoration: none;
}

.link-card .link-card-header a:hover {
    color: #d480aa;
    text-decoration: none;
}

.link-card .link-card-header .info {
    font-style: normal;
    color: #a3a3a3;
    font-size: 14px;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}