html {
    font-size: 62.5%;
    /* Now 10px = 1rem! */
}

body {
    color: #111827;
    font-size: 16px;
    /* px fallback */
    font-size: 1.6rem;
    /* default font-size for document */
    line-height: 1.3;
    /* a nice line-height */
}

main {
    max-width: 800px;
    padding: 15px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

p {
    color: #444;
}

h1, h2, h3 {
    line-height: 1;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
}

h1 {
    font-size: 32px;
}
h2 {
    font-size: 26px;
    margin-bottom: 12px;
}
h3 {
    font-size: 18px;
    
}

a {
    color: #5b21b6;
}

.font-sans {
    font-family: 'Inter', sans-serif;
    /*font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.link-box {
    
    display: flex;
    gap: 15px;
    flex-direction: row;
    
    a {
        color: #777;
    }
}