body {
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    background-color: #0d1117;
    color: #c9d1d9;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
nav {
    display:flex;
    gap:1.5rem;
    flex:1;
    justify-content:center;
}
nav a { color:#c9d1d9; text-decoration:none; font-weight:500; }
nav a:hover { text-decoration:underline; }
nav .lang { margin-left:auto; }
main { padding:2rem; flex:1; }
footer {
    background-color:#161b22;
    padding:1rem 2rem;
    text-align:center;
    border-top:1px solid #30363d;
    font-size:0.9rem;
    color:#8b949e;
}
footer a { color:#8b949e; text-decoration:none; }
footer a:hover { text-decoration:underline; }
header { 
    position: relative; 
    display: block;
    padding: 1rem 2rem;
    background-color:#161b22;
    border-bottom:1px solid #30363d;
}
header img {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    height: 36px;
}
header nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    width: 100%;
}
header nav a { font-weight: 600; }
header nav a.lang {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
}
img
main p { line-height: 1.7; }
main { padding: 2rem; flex: 1; display: block; }
main .container { max-width: 880px; margin: 0 auto; }
img
main h1:first-child { margin-top: 0; }
html { scrollbar-gutter: stable; }
@supports not (scrollbar-gutter: stable) {
  html { overflow-y: scroll; }
}

header img {
    height: 40px;
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
}