h2 {
    font-size: 160%;
    text-align: center;
}

h3 {
    text-align: center;
    font-size: 140%;
    color: #9f72ff;
}

div p {
    text-align: center;
}

table {
    width: 90%;
    margin: 2vh auto;
    border-spacing: 3vw;
}

tr {
    margin-bottom: 1vh;
}

tr.underbar td {
    border-bottom: #000 1px solid;
}

th,
td {
    text-align: start;
    width: 40%;
    padding: 1em 0 0.2em 0;
}

.year {
    width: 20%;
}

td.main_slogan{
    font-size: 120%;
    font-weight: bolder;
}

td:has(.images) {
    background-color: inherit;
    border-radius: 0.5em;
    padding: 0;
}

.images {
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 0.5em;
}

body.dark-mode h3 {
    color: #c010be;
}

body.dark-mode tr.underbar td {
    border-bottom: #ddd 1px solid;
}

body.dark-mode td:has(.images) {
    background-color: #e7dde7;
}