@font-face {
    font-family: "Itim";
    src: url(../fonts/itim-font/itim-latin-400-normal.woff2) format("woff2");
}
@font-face {
    font-family: "Hermit";
    src: url(../fonts/hermit-font/Hermit-Regular.woff2) format("woff2");
}

:root {
    --font-general:   "Itim", sans-serif;
    --font-monospace: "Hermit", monospace;
}

body {
    font-family: var(--font-general);
    font-size: 1.3rem;
}

pre, code {
    font-family: var(--font-monospace);
    font-size: 0.9rem;
    font-variant-ligatures: contextual;
}

.aside__social-links {
    font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.4rem;
    color: var(--base0B);
}

.page {
    padding: 0 1rem;
}

img.about__logo {
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin-bottom: 0.5rem;
}