@import url("https://rsms.me/inter/inter.css");

:root {
    --bg: #0E0E16;
    --color: #e3eff7;
    --link: #7fb4ff;
    --link-hover: #9FA6FF;
    --bg-main: #22223Af0;

    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

html {
    height: 100%;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg);
    color: var(--color);
    /* padding: 2em 1em; */
    margin: 0;
    display: flex;
	justify-content: center;
	align-items: center;
    height: 100%;
}

main {
    display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    gap: 2em;
}

main > * {
    max-width: 450px;
}

div {
    font-size: 1.1em;
}

pre {
    font-family: 'Inter', sans-serif;
    font-size: 1.1em;
}

pre span {
    opacity: 0.5;
}

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

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