nav {
    display: flex;
    justify-content: space-between;
}

.wrapper {
    width: min(800px, 80vw);
    margin: auto;
    text-align: justify;
}

h1 {
    font-size: clamp(0.875rem, 0.3333rem + 4.3333vw, 2.5rem);
    text-align: center;
}

h2 {
    font-size: clamp(0.75rem, 0.3333rem + 3.3333vw, 2rem);
    color: #63a600;
    padding: 0.2em 0.5em;
    border-left: 0.2em solid #63a600;
}

h3 {
    font-size: clamp(0.625rem, 0.3333rem + 2.3333vw, 1.5rem);
    color: #00699f;
    padding: 0.2em 0.5em;
    border-left: 0.2em solid #00699f;
}

p, li {
    font-size: clamp(0.625rem, 0.5rem + 1vw, 1rem);
}

nav a {
    font-size: clamp(0.75rem, 0.3333rem + 3.3333vw, 2rem);
    background-color: #346e00;
    color: #fff;
    padding: 0.5em;
    text-decoration: none;
}

footer {
    background: #3d3d3d;
    padding: 0.2em 0.5em;
    color: #fff;
    text-align: center;
}