.grid-container {
    display: grid;
    grid-template-columns: 0.75fr 1fr;
    grid-template-rows: 0.5fr 0.5fr 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas:
        "header header"
        "profile experience"
        "skills experience"
        "education experience";
    border: 3px solid;
    margin:30px;
    margin-left: 250px;
    margin-right: 250px;
}

.header {
    grid-area: header;
    border: 3px solid;
    padding: 10px;

}

.header span {
    display: inline-block;
    margin-left: 20px;
  }



.profile {
    grid-area: profile;
    border: 3px solid;
    padding: 10px;
    
}

.skills {
    grid-area: skills;
    border: 3px solid;
    padding: 10px;
}

.experience {
    grid-area: experience;
    border: 3px solid;
    padding: 10px;
}

.experience h3{
    margin-left: 25px;
}

.experience h4{
    margin-left: 25px;
}

.experience p{
    margin-left: 25px;
}

.experience ul{
    margin-left: 45px;
}

.education {
    grid-area: education;
    border: 3px solid;
    padding: 10px;
}

.education h3{
    margin-left: 25px;
}

.education h4{
    margin-left: 35px;
}

.education p{
    margin-left: 35px;
}