body {
    font-family: "Open Sans",sans-serif;
    padding-left: 64px;
    padding-right: 64px;
}

h1 {
    margin-top: 140px;
    color: #525252;
}

p {
    color: #5252529e;
}

.wave {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 200px;
    width: 100%;
    object-fit: cover;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.nav {
    margin-top: 16px;
}

.main-image {
    width: 100%;
}

@media (min-width: 850px) {
    h1 {
        margin-top: 200px;
    }

    .wave {
        height: 300px;
    }

    .desktop-left-right {
        display: flex;
    }

    .main-image {
        width: 50%;
        margin-top: 200px;
    }

    
}