/*
Reset
----------------------------------------------------------------------------*/
*:focus { outline: none; }

/*
Typography
----------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&family=Spectral:wght@400;700&display=swap');

html, nav {
    font-family: var(--fontFamily1);
}

h1, h2, h3, h4, h5 {
    font-family: var(--fontFamily2);
}

nav {
    font-weight: 700;
}

/*
Basics
----------------------------------------------------------------------------*/
html, body {
    height: 100%;
    width: 100%;
}

html {
    background : var(--color1);
}

#content {
    padding: 7em 1.5em;
    width: 100%;
    box-sizing: border-box;
}

h2 {
    font-size: 2em;
}

p {
    font-size: 0.9em;
    line-height: 1.5em;
}

a {
    color: black;
}