* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #ffffff;
    background: #ffffff;
}

a {
    color: #788f90;
}

a:hover {
    color: #87a1a2;
}

a:active {
    color: #677b7c;
}

a:visited {
    color: #788f90;
}

div.email-text>span:nth-child(2) {
    display: none;
}

.section-container {
    margin: 300px 0px auto;
    display: grid;
    grid-template-rows: 1fr;
}

.middle-container {
    margin: 0px auto;
    display: flex;
    gap: 80px;
}

.image-container {
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

img {
    border-radius: 30px;
    width: auto;
    height: 80%;
}

.text-container {
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.name {
    margin: 0px auto 10px auto;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-size: 8em;
    font-weight: 900;
    color: #384347;
}

.title {
    margin: 0px auto 25px auto;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-size: 4em;
    font-weight: 400;
    color: #2bb6b9;
}

.email-container {
    margin: 0px auto 0px auto;
    display: flex;
}

.email-icon {
    margin: auto;
    padding-right: 15px;
    font-size: 2.5em;
    color: #788f90;
}

.email-text {
    margin: auto;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-size: 1.5em;
    font-weight: 400;
    color: #788f90;
}