body {
    font-family: 'Roboto', sans-serif;
}
.font-lobster {
    font-family: 'Lobster', cursive;
}
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.text-shadow-lg {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
}
.wave-container {
    position: relative;
    background: linear-gradient(to top, #40c0d8, #6ecfe2);
    color: #ffffff;
}
.wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
/* Wave for the bottom of a section (like the hero) */
.wave:not(.header-wave) {
    bottom: 0;
    transform: rotate(180deg);
}
.wave svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}
.wave .shape-fill {
    fill: #ffffff;
}
.wave .shape-fill-blue {
    fill: #6ecfe2;
}
.header-wave {
    transform: rotate(0deg);
    bottom: auto;
    top: -1px;
}
.header-wave .shape-fill {
    fill: #40c0d8;
}