.dashboard_main  {

    display: flex;
    flex-direction: column;

    gap: 1rem;

    .blurb {

        margin-bottom: 2rem;

    }

    .dashboard_reflink {

        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        grid-column-gap: 1rem;
        grid-row-gap: 0.5rem;

        text-decoration: none;
        color: black;

        padding: 8px;
        border-radius: var(--border-radius-medium);

        background-color: rgba(0, 0, 0, 0);
        transition: background-color 0.2s;

        img {
            grid-column: 1;
            grid-row: 1/3;
            width: 7rem;
        }

        .title {
            font-weight: bold;
            grid-column:  2;
        }

        .info {
            grid-column: 2;

            max-width: 30rem;
        }


    }

    .dashboard_reflink:nth-child(even) {

        grid-template-columns: 1fr auto;

        img    { grid-column: 2; }
        .title { grid-column: 1; text-align: end; justify-self: end; }
        .info  { grid-column: 1; text-align: end; justify-self: end; }
    }

    .dashboard_reflink:hover {
        background-color: rgba(0, 0, 0, 0.15);
    }

}