.alumni-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 120rem;
}

.alumni-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.alumni-card {
    border: solid 1px var(--color-border);
    border-radius: 12px;
    width: 30rem;
    padding: 1rem 2rem;
    margin: 0.5rem;
}

.alumni-name {
    color: var(--color-red);
}

.alumni-year-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1rem 0 0 0;
}

.alumni-year-list li {
    display: flex;
    margin: 0.5rem;
}

.alumni-year-list li a {
    padding: 1rem 2rem;
    color: var(--color-button-foreground);
    background: var(--color-red-background);
    border-radius: 12px;
}

.alumni-year-list li a:hover {
    background: var(--color-button-hover-background);
}