.title {
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin-bottom: 1rem;
}
.description {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 3rem;
}
.wave-container {
    width: 100%;
    height: 18vh;
    position: absolute;
    bottom: 0;
    left: 0;
}
.wave-svg {
    width: 100%;
    height: 100%;
    display: block;
}
.wave-path {
    /* Now we will fill the shape instead of stroking it */
    stroke: none;
    opacity: 0.6;
}

.copyright-text {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.875rem;
    color: #e0f2fe;
    opacity: 0.7;
    z-index: 10;
}