* {
    font-family: 'Anton', 'Noto Sans JP', 'Modern Vision', 'Modern No. 20', 'Gajraj One', 'Arial Black', 'Candara', sans-serif, cursive;
}

/* --------------------------------------- PAGE ---------------------------------------  */

.title {
    position: absolute;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleTwo {
    position: absolute;
    top: 300px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleThree {
    position: absolute;
    top: 2000px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleFour {
    position: absolute;
    top: 2900px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleFive {
    position: absolute;
    top: 3500px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleSix {
    position: absolute;
    top: 5200px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.titleSeven {
    position: absolute;
    top: 6000px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.titleEight {
    position: absolute;
    top: 7000px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleNine {
    position: absolute;
    top: 7250px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleTen {
    position: absolute;
    top: 8100px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleEleven {
    position: absolute;
    top: 8750px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleTwelve {
    position: absolute;
    top: 9200px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.titleThirteen {
    position: absolute;
    top: 9700px;
    width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.canvas {
    position: relative;
    width: 1000px;
    margin: auto;
}

.imagebox {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 300px;
    top: 500px;
    margin: auto;
}


.imagebox02 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 150px;
    top: 2100px;
    margin: auto;
}

.imagebox03 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 150px;
    top: 3100px;
    margin: auto;
}

.imagebox04 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: -450px;
    top: 3700px;
    margin: auto;
}

.imagebox05 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 300px;
    top: 3700px;
    margin: auto;
}

.imagebox06 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 1000px;
    top: 3700px;
    margin: auto;
}

.imagebox07 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 150px;
    top: 5350px;
    margin: auto;
}

.imagebox08 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 150px;
    top: 5850px;
    margin: auto;
}

.imagebox09 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 150px;
    top: 7430px;
    margin: auto;
}

.imagebox10 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 300px;
    top: 8300px;
    margin: auto;
}

.imagebox11 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 1000px;
    top: 3700px;
    margin: auto;
}


.imagebox12 {
    position: absolute;
    width: 800px;
    z-index: 0;
    left: 1000px;
    top: 3700px;
    margin: auto;
}

.othernote {
    position: relative;
    width: 200px;
    top: 800px;
    left: 1000px;
    z-index: 1;
}

img {
    position: absolute;
}

.processOne {
    position: absolute;
    width: 1000px;
    top: 1000px;
    left: -500px;
}


.processTwo {
    position: absolute;
    width: 1500px;
    top: 1020px;
    left: 100px;
}

.processThree {
    position: absolute;
    width: 1000px;
    top: 1200px;
    left: -500px;
}

.processFour {
    position: absolute;
    width: 1000px;
    top: 1200px;
    left: 150px;
}

.processFive {
    position: absolute;
    width: 1000px;
    top: 1400px;
    left: -500px;
}

.processSix {
    position: absolute;
    width: 1000px;
    top: 1400px;
    left: 150px;
}

.processSeven {
    position: absolute;
    width: 1000px;
    top: 4100px;
    left: -500px;
}

.processEight {
    position: absolute;
    width: 1000px;
    top: 4100px;
    left: 150px;
}


.processNine {
    position: absolute;
    width: 1000px;
    top: 4500px;
    left: -500px;
}

.processTen {
    position: absolute;
    width: 1000px;
    top: 4525px;
    left: 150px;
}

.processEleven {
    position: absolute;
    width: 1000px;
    top: 7200px;
    left: 150px;
}

.processTwelve {
    position: absolute;
    width: 1000px;
    top: 8900px;
    left: 150px;
}

.processThirteen {
    position: absolute;
    width: 1000px;
    top: 9400px;
    left: 150px;
}

.processFourteen {
    position: absolute;
    width: 1000px;
    top: 9900px;
    left: 150px;
}

red{
    color: crimson;
}

ul{
    color: white;
}
/* -------------------------------------- Headers ---------------------------------------  */

h1 {
    font-family: 'Anton', sans-serif;
    font-size: 100px;
    color: rgb(255, 200, 200);
    font-kerning: 2px;
    text-align: center;
}

h2 {
    font-family: 'Anton', sans-serif;
    font-size: 50px;
    color: rgb(255, 255, 255);
    font-kerning: 2px;
    text-align: center;
}

p {
    font-family: 'Anton', sans-serif;
    font-size: 25px;
    color: rgb(255, 255, 255);
    font-kerning: 2px;
}