.cardlist {
    display: inline-block;
    padding: 1rem;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    padding-right: 3rem;
    margin-bottom: 2rem;
}

    .cardlist h3 {
        margin-top: -2.25rem;
        background-color: white;
        padding-right: 0;
        margin-left: -0.5rem;
        width: fit-content;
    }

.pagecard {
    display: inline-block;
    margin-bottom: 1rem;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    transition: all 0.1s ease;
}

    .pagecard.dropshadow {
        box-shadow: 2px 3px 5px 2px #0000004d;       
    }

    .pagecard:not(.nohover):hover {
        transform: scale(1.1) translateX(3%);
        background-color: #f6f6f6;
    }

    .pagecard a {
        color: black;
        padding-left: .5rem;
        padding-right: .5rem;
        white-space: nowrap;
        max-width: 75vw;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pagecard h5 {
        display: inline;
    }

    .pagecard span {
        margin-right: 0;
        padding: 0;
    }

    .pagecard p {
        color: #585858;
        font-style: italic;
        font-size: small;
        margin-bottom: 0;
    }