@font-face {
    font-family: 'oxanium';
    src: url('./Oxanium-VariableFont_wght.ttf') format('truetype');
}

body {
    line-height: 1.5;
    font-family: sans-serif;
    font-size: 14px;
}

h1 {
    font-family: 'oxanium', monospace;
    font-size: 1.5em;
    font-weight: 400;
    text-transform: lowercase;
}

h2 {
    font-family: 'oxanium', monospace;
    font-size: 1.2em;
    font-weight: 200;
    text-transform: lowercase;
}

ul {
    list-style-position: outside;
    margin-left: 1em;
    list-style-type: square;
}

ul.chips li {
    font-family: 'oxanium', monospace;
}

header h1{
    text-align: center;
}

header nav a {
    text-align: right;
    text-decoration: none;
    text-transform: lowercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    cursor: pointer;
    font-family: 'oxanium', monospace;
}

footer a:hover, footer a:active {
    text-decoration: none;
}

#why summary h2, #toolbox div h2 {
    font-size: 1.2em;
    font-weight: 200;
    text-transform: lowercase;
    letter-spacing: 0.1em;
    font-family: sans-serif;
    display: flex;
    justify-content: space-between;
}

.company-name {
    font-family: 'oxanium', monospace;
    font-size: 1.1em;
    color: inherit;
}

h1 .company-name {
    font-weight: normal;
}

#toolbox summary h1 {
    font-family: 'oxanium', monospace;
    text-transform: lowercase;
}