:root {
    --article-width: clamp(280px, 80vw, 750px);
    --article-padding: calc(calc(100vw - var(--article-width))/2);

    --main-colour: #273C2C;
    --secondary-colour: #1b98a8;
    --third-colour: #3a3a3a;
    --minor-colour: rgb(255, 255, 255);
}
main {
    width: var(--article-width);
    padding: 0 var(--article-padding);
    margin-top: 18vh;
    margin-bottom: 10vh;
}
h2 {
    margin: 0;
    font-size: clamp(1.7rem, calc(1.7rem + 2.5vw), 2.8rem);
    color: var(--secondary-colour);
}
h1 {
    margin: 15px 0;
    font-size: clamp(2rem, calc(2rem + 3vw), 3.5rem)
}
img {
    max-width: 100%;
}
h3 {
    font-size: 1.4rem;
    color: rgb(100,100,100);
    font-weight: 500;
    em {
        font-weight: 400;
    }
}
h4 {
    font-size: clamp(1.7rem, calc(1.7rem + 2vw), 2rem);
    color: var(--secondary-colour);
    margin: 70px 0 20px 0;
}
h5 {
    font-size: clamp(1.5rem, calc(1.5rem + 1.7vw), 1.7rem);
    margin: 0;
}
p {
    font-size: clamp(1.3rem, calc(1.3rem + 1.5vw), 1.5rem);

    color: rgb(55,55,55);
}
main > ul {
    font-size: clamp(1.3rem, calc(1.3rem + 1.5vw), 1.5rem);
    color: rgb(55,55,55);
    margin: 50px 0;
}
p:first-of-type {
    margin-top: 3vh;
}