* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-color: rgb(49, 46, 46);
    display: flex;
    justify-content: center;
    align-items: center;
}

.main {
    width: 100%;
    max-width: 1000px;
    min-height: 100px;
    margin: 0px;
    display: grid;
    /* grid-template-columns: 2fr 4fr; */
    grid-template-areas:
    "a c"
    "b c"
    "b c"
    "d d";
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto 1fr auto;

}
.banner {
    z-index: 0;
    grid-area: a;
    position:initial;
    height:80px;
}

.left {
    grid-area: b;
    position: initial;
    background-color: rgb(133, 103, 145);
    padding: 30px;
    padding-top: 110px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.right {
    grid-area: c;
    position: initial;
    background-color: rgb(179, 162, 206);
    padding: 30px;
    border-radius: 20px 20px 20px 0px;
    margin-top: 5%;
}

.image-prof {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:50%;
    border-radius:50%;
    border: 10px dashed rgb(133, 103, 145);
}

.footer {
    grid-area: d;
    margin:10px;
    color:lightgray;
    text-align: right;
    padding: 2px;
}

.Contact, .Skills, .Language, .Hobbies, .title, 
.Summary, .Experience, .Education, .project {
    margin-bottom: 20px;
}
.h2 {
    background-color: rgb(4, 96, 150);
}