a {
    color: #555;
}

.connect-li,
.connect-li:hover {
    color: #0A66C2;
}

.connect-li .linkedin img,
.connect-li:hover .linkedin img {
    filter: saturate(1);
}

.content {
    padding-bottom: 20px;
}

.content a.link-card {
    font-weight: 300;
    line-height: 125%;
}

.have-password,
.have-password:hover {
    color: #b00;
}

.intro-text p {
    line-height: 120%;
    text-align: justify;
}

.link-card {
    background-color: lightgrey;
    border: 1px solid #666;
    border-radius: 10px;
    display: block;
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
    transition:
        box-shadow 0.25s,
        color 0.25s,
        margin 0.25s;
    width: 325px;
}

.link-card:hover {
    box-shadow: 2px 2px 4px #444;
    margin: -1px 1px 1px -1px;
}

.link-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
}

.linkedin img {
    transition: filter 0.25s;
}

@media screen and (min-width: 745px) {
    .connect-li {
        color: #555;
    }

    .connect-li .linkedin img {
        filter: saturate(0);
    }

    .have-password {
        color: #555;
    }

    .link-card {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .link-card:hover {
        margin-bottom: 16px;
        margin-top: 14px;
    }

    .link-container {
        gap: 10px;
    }
}