:root {
    color-scheme: dark;
    --fg0: white;
    --fg1: violet;
    --bg0: #282a36;
    --bg1: #44475a;
}

body {
    background-color: var(--bg0);
    display: grid;
    font-family: "Noto Sans";
    place-items: center;
    place-self: center;
}

.container {
    background-color: var(--bg1);
    border-color: var(--bg1);
    border-radius: 1rem;
    border-style: solid;
    border-width: 0.5rem;
    font-size: large;
    margin: 1rem;
    max-width: 64rem;
}

.title {
    padding: 0 0 0.5rem 0;
    font-size: x-large;
}

.title a {
    color: var(--fg0);
}

.ico {
    height: 2rem;
    vertical-align: bottom;
    width: 2rem;
}

.content {
    background-color: var(--bg0);
    border-radius: 0.5rem;
    padding: 0.5rem; 
}

a {
    color: var(--fg1);
    text-decoration: none;
}

code {
    background-color: var(--bg1);
    border-radius: 0.5rem;
    padding: 0.25rem;
    user-select: all;
}