.site {
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: 1fr 3fr 3fr;
  grid-template-rows: auto 1fr 2fr;
  grid-template-areas:
  "title navbar navbar"
  "content content content"
  "about about about";
}

.mylife_div{
  grid-area: content;
  text-align: center;
  background-color: green;
}

.mylife_text{
  padding-top: 6%;
  color: #e8fff2;
  font-family: sans-serif;
  font-size: 5em;
}

.mylife_text2{
  color: #e8fff2;
  font-family: sans-serif;
  font-size: 2em;
}

.pictures{
  padding-left: 0%;
  padding-right: 0%;
  display: grid;
  grid-template-areas:
  "left mid right"
}

.pim_ship{
  width: 50%;
  background-color: blue;
  grid-area: left;
}

.pim_ship_pic{
  height: 20%;
  color: blue;
}

.pim_detect{
  width 50%;
  background-color: red;
  grid-area: mid;
}

.pim_detect_pic{
  height: 20%;
}

.pim_diploma{
  grid-area: right;
}

.pim_diploma_pic{
  height: 20%;
}