/*
 * Designed by Lucy Kim Class of 2024 
 *
 */

html {
    --color-accent: oklch(43.82% 0.121 303.88);
    --border-color: oklch(77.35% 0.121 303.88);
    accent-color: var(--color-accent);
    color-scheme: light dark;
}

h1 {
    font-size: 400%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;
    text-wrap: balance;
}

img {
    max-width: 100%;
}

body {
    /* Set line height to 1.5 times the font size
         and use the OS’s UI font as the website font
       */
    font: 100%/1.5 system-ui;
    max-width: 60em;
    margin-inline: max(1em, (100% - 100ch) / 2);
}

.topbar {
    display: flex;
    display: contents;
    align-items: center;
    justify-content: center;
    height: 8em;
}

/* .nav {
    margin-bottom: 10em;
}

.nav a {
    text-decoration: none;
    color: inherit;
    flex: 1;
    padding: 0.5em;
    text-align: center;

    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--border-color);
}

.nav a:active {
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: var(--color-accent);
    background-color: color-mix(in oklch, var(--color-accent), canvas 85%);
} */
/* 
a:hover {
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: var(--color-accent);
    background-color: color-mix(in oklch, var(--color-accent), canvas 85%);
} */

#wilg_large {
    font-size: 100%;
}