@import 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Noto+Color+Emoji&display=swap';:root{--header-banner-background:#e39aac;--header-link-color:#6461c2;--h-highlight-color:#e39aac;--link-color:#0800ff;--body-background:#f0f6e8;--body-color:#222;--body-color-strong:#000;--main-background:#2ba9b4;--footer-text:gray;--font-base:"IBM Plex Sans Text", "Noto Color Emoji", serif}body{background-color:var(--body-background);color:var(--body-color);padding:0;margin:0;font-family:var(--font-base)}body>header{background-color:var(--header-banner-background);width:95%;max-width:50rem;margin:auto;padding:.5rem 0;border-radius:0 0 5px 5px;p { margin: 0; text-align: center; } #site-title { font-size: 24pt; font-family: "IBM Plex Serif", var(--font-base); } #site-subtitle { font-style: oblique; } nav li { list-style-type: none; padding-left: 0; } nav ul { display: flex; flex-direction: row; justify-content: center; padding: 0; gap: 1rem; } nav a { min-width: 15rem; padding: 2pt; } a { color: var(--header-link-color); text-decoration: none; } hr { width: 15rem; color: var(--text-color) } .contact { margin: 0; margin-right: 1em; text-align: right; }}body>main{width:95%;display:flex;flex-direction:row;gap:1rem;justify-content:center;padding-top:1rem;margin:auto;@media(max-width:60rem){flex-direction: column; width: 100%;} #main-content { background-color: var(--main-background); border-radius: 5px; padding: 0 0.4rem 0.1rem 0.4rem; width: 95%; max-width: 60rem; @media (max-width: 60rem) { margin: auto; } } #pages { background-color: var(--main-background); border-radius: 5px; padding: 0 0.4rem 0.1rem 0.4rem; width: 95%; max-width: 20rem; @media (max-width: 60rem) { max-width: 60rem; margin: auto; } } header { text-align: center; } p strong { font-weight: 800; color: var(--body-color-strong); }}footer{p { text-align: right; font-size: 10pt; color: var(--footer-text); }}h1{font-weight:500}h2{font-weight:400;position:relative;z-index:10}h1,h2,h3,h4,h5,h6{font-family:ibm plex serif,var(--font-base)}a{color:var(--link-color)}.emoji-decoration{font-style:normal}img{width:100%;max-width:40rem;height:auto;border-radius:5px;margin:auto;display:block}