body {
  /* display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 25% 25% 25% 25%; */
  /* width: 800px; */
  display: flex;
  flex-direction: column;
  margin: 200px;
  background-color: rgb(215, 203, 188);
}
/* .container {
    width: 100vw;
    height:10vh;
   border: black solid;
 } */
.header {
  display: grid;
  grid-template-columns: 30% 70%;
  /* grid-template-rows:40% 20% 40% ; */
  grid-auto-rows: 300px;
}
.details-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.mypic {
  /* grid-row:1/4;
    grid-column:1/2;  */
  width: 20vw;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  aspect-ratio: 1 / 1;
}
#profile-pic {
  width: 200%;
  height: 200%;
  object-fit: cover;
}
.content-cont {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 50% 50%;
}

.content-large {
  width: auto;
  height: auto;
  /* border: black solid; */
  grid-row: 1/3;
  grid-column: 1/2;
}
/* .content-small {
    width: 40vw;
    height: 20vh;
    border: black solid; */

.content-small1 {
  grid-row: 1/2;
  grid-column: 2/3;
  /* border: black solid; */
}
.content-small2 {
  grid-row: 2/3;
  grid-column: 2/3;
  /* border: black solid; */
  /* padding: 20px; */
}
/* .footer {
    width: 100vw;
    height: 10vh;
} */

.footer {
  display: grid;
  grid-template-columns: 50% 50%;
  /* grid-template-rows: 100%; */
  /* border left: black solid; */
  grid-auto-rows: auto;
}
.footer1 {
  grid-column: 1/2;
}
.footer2 {
  grid-column: 2/3;
}
h3 {
  background-color: black;
  color: white;
  text-align: center;
  /* border-radius: ; */
  border-radius: 10px 10px 10px 10px;
}
.footer1 h3 {
  border-radius: 10px 0 0 10px;
}
.footer2 h3 {
  border-radius: 0 10px 10px 0;
}
hr {
  margin: 10px;
  border: 2px solid green;
}
p {
  padding: 20px;
}
.description {
  padding: 0px 100px 0 100px;
}