body {
    margin: 0;
    padding: 0;
}
/*#container {*/
/*    overflow-y: scroll;*/
/*    scroll-snap-type: y mandatory;*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*}*/
#slide-1 {
    /*scroll-snap-align: start;*/
}
#slide-1 > h1 {
    height: 25vh;
    font-size: 10vh;
    width: auto;
    margin-top: 5vh;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#slide-1 > img {
    height: 70vh;
    width: auto;
    margin: 0 auto;
    display: block;
}
#slide-2 {
    /*scroll-snap-align: start;*/
}
#slide-2 > h1 {
    height: 75vh;
    font-size: 75vh;
    width: auto;
    margin-top: 5vh;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#slide-2 > h2 {
    height: 15vh;
    font-size: 6vh;
    width: auto;
    margin-top: 5vh;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#slide-3 {
    position: sticky;
    top: 0;
    z-index: 1;
}
#slide-3 > h1 {
    height: 48vh;
    font-size: 15vh;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    text-align: center;
    color: white;
    font-family: Impact;
    -webkit-text-stroke: 3px black;
}
#slide-3 > h2 {
    height: 52vh;
    font-size: 6vh;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: flex;
    align-items: baseline;
    justify-content: center;
    text-align: center;
    color: white;
    font-family: Impact;
    -webkit-text-stroke: 2px black;
}
#canvas {
    width: 100%;
    height: 100%;
    position: sticky;
    top: 0;
}
#slide-4 {
    position: sticky;
    top: 10%;
    display: none;
    width: 100%;
}
#slide-4 > h1 {
    text-align: center;
}
#slide-4-1 {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    width: 100%;
    text-align: right;
}
#slide-4-1 > img {
    width: 10%;
    height: auto;
    margin-right: 50px;
}
#slide-4-2 {
    position: sticky;
    top: 70%;
    display: none;
    width: 100%;
    text-align: right;
}
#slide-4-2 > img {
    width: 10%;
    height: auto;
    margin-right: 100px;
}
#slide-4-3 {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    width: 100%;
    text-align: center;
}
#slide-4-3 > img {
    width: 10%;
    height: auto;
}
#slide-4-4 {
    position: sticky;
    top: 50%;
    display: none;
    width: 100%;
    transform: translateY(-50%);
}
#slide-4-4 > h1 {
    text-align: center;
    font-size: 10vh;
}
#slide-4-5 {
    position: sticky;
    top: 40%;
    display: none;
    width: 100%;
    text-align: right;
}
#slide-4-5 > img {
    width: 10%;
    height: auto;
    margin-right: 350px;
}
#slide-4-6 {
    position: sticky;
    top: 64%;
    display: none;
    width: 100%;
    text-align: right;
}
#slide-4-6 > img {
    width: 10%;
    height: auto;
    margin-right: 270px;
}
#div-2 {
    margin-top: 10px;
    text-align: center;
}
a {
    text-decoration: none;
}