#header-img {
    width: 180px;
    height: 180px;
    margin: auto;
    grid-row: 1;
    border-radius: 10%;
}

#header-div {
    display: grid;
    grid-auto-flow: column;
    width: fit-content;
    align-items: center;
    margin: auto;
    margin-top: 50px;
}

#header-text-div {
    margin-right: 100px;
    max-width: 325px;
}

#header-contact-div {
    margin-left: 100px;
    margin-right: 55px;
    display: flex;
    flex-direction: column;
}

.header-contact {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-size: 19px;

    color: rgb(0, 0, 0);
    opacity:0.5;
    text-align: right;

    margin: auto;
    margin-right: 0px;
}

h1 {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;

    margin: auto;
}

h2 {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: rgb(0, 0, 0);
    opacity:0.6;

    margin: auto;
}

h3 {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;

    color: rgb(0, 0, 0);
    opacity:0.5;

    margin: auto;
}

h4 {
    font-family: 'Noto Sans', sans-serif;
}

#body-div {
    display: flex;
    margin: auto;

    margin-top: 50px;
    max-width: 1100px;
}

.cv-block-title {
    font-variant: small-caps;
    font-size: 25px;
    color: #2D2F92;
    font-weight: 500;

    border-bottom: 2px solid #2D2F92;
}

#body-middle-panel-div {
    margin:auto;
    margin-right: 25px;
    margin-top: 0px;
    margin-left: 25px;
    /* width: 700px; */
    width: 70%;
}

#body-right-panel-div {
    margin: auto;
    margin-left: 25px;
    margin-top: 0px;
    margin-right: 25px;
    /* width: 300px; */
    width: 30%;
}

.cv-item {
    display: grid;
    width: auto;
    align-items: start;

    margin-top: 10px;
}

.cv-left {
    grid-column: 1;
    justify-self: left;
}
.cv-right {
    grid-column: 2;
    justify-self: right;
    text-align: right;
}
.cv-first {
    font-size: 20px;
    margin: 0px;
}
.cv-second {
    font-size: 16px;
    color: #74729A;
    margin: 0px;
    margin-bottom: 10px;
}

p {
    font-family: 'Noto Sans', sans-serif;
}

a {
    color: #A93C93;
    text-decoration: none; 
}

a:hover {
    color: #5e2152;
}

@media only screen and (max-width: 650px) {
    #header-div {
        margin-top: 0px;
        grid-auto-flow: row;
    }

    #header-text-div {
        text-align: center;
        margin-right: 0px;
    }

    #header-contact-div {
        margin-left: 0px;
        margin-right: 0px;
    }

    .header-contact {
        text-align: center;
        margin: auto;
    }

}

@media only screen and (max-width: 900px) {
    #header-text-div {
        margin-right: 10px;
    }

    #header-contact-div {
        margin-left: 10px;
        margin-right: 10px;
    }

    #body-div {
        flex-direction: column;
    }
    
    #body-middle-panel-div {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    #body-right-panel-div {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}