html {
    font-family: 'Google Sans Flex', sans-serif;
    max-width: 800px;
    padding-left: 4%;
    padding-right: 4%;
    margin: 0 auto;
    background: white;
}

:root {
    --h1-font-size: 40px;
    --h2-font-size: 30px;
    --h3-font-size: 20px;
    --body-font-size: inherit;
}

* {
    font-size: var(--body-font-size);
}

h1 {
    font-size: var(--h1-font-size);
}

h2 {
    font-size: var(--h2-font-size);
}

h3 {
    font-size: var(--h3-font-size);
}

a {
    color: #2a7ae2;
    text-decoration: none;
}

a:visited {
    color: rgb(23, 86, 169);
}

a:hover {
    color: #111;
    text-decoration: underline;
}

p,
ul,
ol,
div {
    text-align: justify;
}