body{
    margin: 0;
}
h1, h2, h3, p, a{
    font-family: "Chiron GoRound TC", sans-serif;
}
h1{
    margin-left: 23vw;
}
footer {
    margin-top:  2vw;
}
header{
    padding: 1em 22vw;
    background-color: #bde8ff;
    display: flex;
    width: 100%;
    .logo{
        width: 5em;
    }
    .header-stuff{
        display: flex;
        li {
            padding-right: 2em;
            list-style: none;
        }
    }
}
footer{
    background-color: #bde8ff;
    width: 100%;
}
.water-text{
    margin: 0em 23vw;
    img{
        width: 100%;
        border: solid #0047b2 2px;
    }
}

.hero{
    position: relative;
    .hero-image{
        width: 100%;
    }
    .hero-text{
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: white;
    }
}
.form{
    margin-top: 3em;
    margin-bottom: 3em;
}