body {
    margin: 0;
    font-family: 'Georgia', serif;
    background-color: white;
    color: rgb(132, 139, 194);
    text-align: center;
}

.logo-container {
    padding: 2rem 1rem 1rem;
}

@media (max-width: 767px) {
.logo {
    max-width: 90%;
    height: auto;
    }
}

@media (min-width: 768px) {
.logo {
    max-width: 40%;
    height: auto;
    }
}

.countdown {
    font-size: 2rem;
    margin: 2rem auto;
    color: rgb(132, 139, 194);
    position: absolute;
    left: 50%; /* For horizontal centering */
    transform: translate(-50%, -50%); /* Centers the element itself */

}

.parallax-container {
    height: 75vh;
    overflow: hidden;
    position: relative;
}

.parallax-bg {
    background: url('Savethedate-base.png') no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateZ(0);
    will-change: transform;
}