.reader-only {
    display: none;
}

.ref:hover {
    color: inherit;
}

.only-md-elem {
    display: none;
}

.link-hover {
    position: relative;
    top: 0;
    transition: top 0.2s ease;
}

.link-hover:hover {
    top: -4px;
}

.page-button {
    position: relative;
    top: 0;
    transition: top 0.2s ease;
    font-size: 2.5rem;
    border: solid var(--secondary) 3px;
    border-radius: 12px;
    background-color: var(--primary);
    padding: .3rem 1rem;
    box-shadow: 6px 6px 12px black;
    text-decoration: none;
}

.page-button:hover {
    cursor: pointer;
    color: var(--font);
    box-shadow: 10px 10px 18px;
    top: -10px;
}

.card-button {
    border: solid var(--secondary) 3px;
    border-radius: 12px;
    background-color: var(--background);
    padding: .3rem 1rem;
    box-shadow: 6px 6px 12px black;
    text-decoration: none;
    width: fit-content;
}

.card-button:hover {
    color: var(--font);
    box-shadow: 10px 10px 18px;
}

tab {
    display: inline-block;
    margin-left: 50px;
}

.section-header {
    background-color: var(--primary);
    font-size: x-large;
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: calc(((100vw - 1200px) / 2) + 2rem);
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

.section-header h3 {
    margin: 0;
    line-height: 1;
}

main > .section-header:first-child {
    margin-top: -20px;
}

#map {
    width: fit-content;
}