body::-webkit-scrollbar {
    display: none;
}

html, body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body {
    margin: 6vw 4vw;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    max-width: 100vw;
    box-sizing: border-box;
    max-height: 150vh;
    display: flex;
    flex-direction: column;
}
main {
    flex: 1;
}
nav {
    text-align: left;
    margin-bottom: 1vw;
}
nav a {
    margin-right: 1vw;
    color: #555;
    text-decoration: none;
    font-size: 1rem;
}
nav a:hover { text-decoration: underline; }
h1 {
    font-weight: 600;
    font-size: 2.3rem;
    margin-bottom: 1vw;
}
h3 {
    margin-top: 2rem;
    margin-bottom: 0.2rem;
    font-weight: 600;
}
h3 + p {
    margin-top: 0;
}
p {
    margin-bottom: 1vw;
    max-width: 90vw;
    color: #444;
}
a {
    color: #4a7bd7;
    text-decoration: none;
}
a:hover { text-decoration: underline; }
.links { margin-top: 1vw; }
.links a {
        margin-right: 1vw;
        color: #555;
        text-decoration: none;
}
.links a:hover { text-decoration: underline; }

@media (max-width: 600px) {
    body {
        margin: 8vw 5vw;
        font-size: 18px;
        line-height: 1.6;
    }
    nav {
        margin-bottom: 4vw;
    }
    nav a {
        margin-right: 5vw;
        font-size: 1.2rem;
    }
    h1 {
        font-size: 3rem;
        margin-bottom: 4vw;
    }
    .links {
        margin-top: 6vw;
    }
    .links a {
        margin-right: 5vw;
        display: inline-block;
        margin-bottom: 10px;
    }
    p {
        margin-bottom: 4vw;
        max-width: 100%;
    }
}