:root {
    --dark: #363030;
    --light: #d4bfc0;
    --pastel: #bca07a;
    --link: #006edd;
    --accent: #bed3be;
}

* {
    font-size: 2.3vh;
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    color: var(--light);
    background-color: var(--dark);

    counter-reset: ch2 ch3 ch4 ch5;
}

/*----- Headings ------------*/
/*---------------------------*/
h1 {
    font-size: 7vh;
    margin-left: -5vw;
}
h2 {
    font-size: 4vh;
    letter-spacing: 0.1vh;
    padding-left: 1vw;
    border-bottom: 1px solid #bca07a;
}
h3 {
    font-size: 3vh;
    letter-spacing: 0.1vh;
    margin-left: 2vw;
}
h4 {
    font-size: 2.5vh;
    letter-spacing: 0.1vh;
    margin-left: 3vw;
}
h5 {
    font-size: 2.5vh;
    letter-spacing: 0.1vh;
    margin-left: 4vw;
}
/*---------------------------*/

/*---- Numbered Heading -----*/
/*---------------------------*/
h2.numbered {
    counter-increment: ch2;
}
h3.numbered {
    counter-increment: ch3;
}
h4.numbered {
    counter-increment: ch4;
}
h5.numbered {
    counter-increment: ch5;
}

h2.numbered::before {
    content: counter(ch2) ". ";
}
h3.numbered::before {
    content: counter(ch2) "." counter(ch3) ". ";
}
h4.numbered::before {
    content: counter(ch2) "." counter(ch3) "." counter(ch4) ". ";
}
h5.numbered::before {
    content: counter(ch2) "." counter(ch3) "." counter(ch4) "." counter(ch5)
        ". ";
}
/*---------------------------*/

/*----- Navigation Head -----*/
/*---------------------------*/
.head {
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid var(--light);
}
.head ul li {
    display: inline-block;
    list-style: none;
    padding: 1vh 3vw 1vh 0;
}
.head ul li a {
    text-decoration: none;
    color: var(--light);
    font-size: 3vh;
}
/*---------------------------*/

a {
    color: #006edd;
}

.content {
    width: 68%;
    margin-left: 18%;
}

.overview {
    padding-left: 4vw;
    padding-right: 1vw;
    margin: 0;
    border-left: 1px solid var(--accent);
}