* {
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    height: 100%;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 48px;
    text-shadow: -20px -20px #f1f1f1;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 1em;
}

main {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: transparent;
    /* background-image: url('cover3.jpg'); */
    background-image: url('background.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.content_container_left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 70%;
    height: 100%;
    background-image: url('background_withe.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    background-attachment: local;
}

.content_container_right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    height: 100vh;
}

.content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 56px;
    width: 100%;
    height: 100%;
    margin-right: 30%;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 200;

}

.headline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}

.contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    text-shadow: 2px 2px #f1f1f1;
}

main img {
    display: flex;
    /* width: 480px; */
    height: 100%;
    object-fit: contain;
}

a {
    text-decoration: none;
    color: rgb(26, 26, 26);
}

a:hover {
    text-decoration: underline;
}