* {
    /* See https://stackoverflow.com/questions/779434/how-do-i-prevent-the-padding-property-from-changing-width-or-height-in-css. */
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */

    scroll-behavior: smooth;

    /* Developer use - uncomment below to view bounding rects. */
    /*/border: 2px dashed orange;/*/
}

button {
    background-color: #00000000;
    border: none;

    padding: 10px;
    margin: 0;
    transition: background-color 0.2s;
}

button:hover {
    background-color: #00000024;
}

button:active {
    background-color: #00000040;
}

button>a {
    font-size: x-large;
    color: #181A2A;
    text-decoration: none;

    padding: 0;
    margin: 0;
}

h1 {
    font-size: 10vh;
    font-weight: bold;
    color: white;

    padding: 0;
    margin: 0;
}

h2 {
    color: #181A2A;
    font-size: xx-large;
    font-weight: bold;

    padding: 10px;
    margin: 0;
}

h3 {
    color: #181A2A;
    font-size: x-large;
    font-weight: bold;

    padding: 10px;
    margin: 0;
}

h4 {
    color: white;
    font-size: large;
    font-weight: bold;

    padding: 10px;
    margin: 0;
}

p {
    color: inherit;
    font-size: medium;
    word-break: break-word;

    padding: 0px 10px 10px 10px;
    margin: 0;
}

.paragraph {
    color: #181A2A;

    padding: 0px 10px 80px 10px;
}

a,
h1,
h2,
h3,
h4,
p {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

p a {
    background-color: transparent;
    color: #181A2A;
    font-weight: bold;
    text-decoration: underline black 0.12em;
    text-underline-offset: 0.12em;

    transition: background-color 0.4s, color 0.4s, text-decoration-color 0.4s;
}

p a:hover {
    background-color: #181A2A;
    color: white;
    text-decoration-color: transparent;
}

p a:active {
    background-color: #132248;
    color: white;
    text-decoration-color: transparent;
}

p a:visited {
    color: #132248;
}

article,
section {
    padding: 0;
    margin: 0;
}

.fill-current {
    fill: currentColor;
}

main {
    max-width: 2500px;
    width: 100%;
    height: 100%;
    padding: 0px clamp(10px, calc(50% - 250px), 200px) 10px clamp(10px, calc(50% - 250px), 200px);
    margin: 0 auto;
    flex: 1 0 auto; 
}

header {
    position: sticky; top: 0; z-index: 1000;
}