:root {
    --color-fg: light-dark(rgb(64 64 64),rgb(250 250 250));
    --color-a: light-dark(rgb(28 89 209), rgb(100 148 242));

    color-scheme: light dark;
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

body {
    font-family: system-ui, sans-serif;
    color: var(--color-fg);
    line-height: 1.1;
    max-width: min(100ch, 100% - 4rem);
    margin: 2rem auto;
}

img, svg {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--color-a);
}

header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

hr {
    border: none;
    border-top: 3px double var(--color-fg); 
}

table {
    border-collapse: collapse;
    height: fit-content;
}

th, td {
    padding: .2rem;
    padding-right: .4rem;
}

th {
    text-align: left;
}

.index {
    display: grid;
    grid: auto-flow / auto 10rem;
}

#me {
    border-radius: 50%;
}

.link-wikipedia::after{
     content: "";
     display: inline-block;
     background-color: var(--color-fg);
     height: 1em;
     width: 1em;
     margin-left: 0.25em;
     mask-size: contain;
     mask-repeat: no-repeat;
     mask-image: url(/img/wiki.svg);
}