* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #EEF5FD;
    font-family: "Segoe UI", "Arial";
}

/* Background */
.bg {
    display: block;
    float: left;
    width: 100%;
    height: 50vw;
    background-repeat: no-repeat;
    background-size: 102vw;
    background-position-x: -1vw;
    position: fixed;
}

#layer0 {
    top: 0;
    background-color: #34ABDD;
}

#layer1 {
    top: 12vh;
    background-image: url("images/background/layer1.png");
}

#layer2 {
    top: 24vh;
    background-image: url("images/background/layer2.png");
}

#layer3 {
    top: 36vh;
    background-image: url("images/background/layer3.png");
}

#layer4 {
    top: 48vh;
    background-image: url("images/background/layer4.png");
}

#layer5 {
    top: 60vh;
    background-image: url("images/background/layer5.png");
}

/* Contents */
#contents {
    width: 100%;
    height: 100vh;
    position: absolute;
}

#title {
    display: block;
    color: white;
    text-align: center;
    font-size: 20pt;
    font-weight: 300;
    margin-top: 5vh;
    margin-bottom: 5vh;
}

.page {
    background-color: white;
    margin: 0 auto;
    padding: 2vw;
    width: 90vw;
    max-width: 800px;
    height: 70vh;
    border-radius: 4px;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
}

#pageHome h1 {
    font-size: 14pt;
    text-transform: uppercase;
    color: darkcyan;
}

#pageHome ul li {
    font-size: 13pt;
    display: inline-block;
}