.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
      "header header header header header header"
      "main1 main1 main1 main2 main2 main2"
      "main1 main1 main1 main2 main2 main2"
      "main1 main1 main1 main2 main2 main2"
      "main1 main1 main1 main2 main2 main2"
      "main1 main1 main1 main2 main2 main2";
}

.header {
  grid-area: header;
}

.main1 {
  grid-area: main1;
}

.main2 {
  grid-area: main2;


}

Body {
  overflow: hidden;
  background: linear-gradient(to right, white 50%, #009688 50%);
}

h2 {
  position: absolute;
  margin-left: 976px;
  margin-top: -26px;
  color: white;
  font-family: 'Nazanin', sans-serif;
}
h3{
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  position: absolute;
 margin-top: -265px;
 margin-left: 32px;
  font-size: 45px;
  text-shadow: 0 0 20px #009688, 0 0 40px #ffffff;
}
.img {
  width: 180px;
  position: absolute;
  margin-left: 1035px;
  margin-top: -300px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 20%;

}



p {
  margin-left: 30px;
  margin-top: -200px;
  width: 35%;
  color: #212529;
  font-family: 'Montserrat';

}

button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  margin-top: 20px;
  height: 40px;
  background-color: #45ccc5;
  text-decoration: none;
  border-radius: 15px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  color: white;
  margin-left: 40px;
}
button:hover {
  background: linear-gradient(to right, rgb(23, 178, 160), rgba(0, 0, 0, 0.656));
}

pre {
  font-size: 15px;
}


@media screen and (max-width: 430px) {
  body {
      display: grid;
      grid-auto-columns: 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 0px 0px;
      background: linear-gradient(to bottom, white 50%, #009688 50%);
      overflow: scroll;
  }

  p {
      margin-top: 220px;
      margin-left: -145px;
      width: 400px;
  }
  button{
      margin-left: -400px;
      margin-top: 400px;
  }
 .buttonCV{
  position: absolute;
  margin-left: 150px;
  margin-top: -78px;
  
 }
 .buttonGithub{
  position: absolute;
  margin-left: 135px;
  margin-top: -78px;
 }
  .img {
      position: absolute;
      width: 170px;
      margin-left: 120px;
      margin-top: 600px;


  }

  h2 {
      position: absolute;
      margin-left: 70px;
      margin-top: 870px;
      font-size: 20px;
      color: white;
      font-family: 'Nazanin', sans-serif;
  }
 h3{
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  position: absolute;
  margin-top: 160px;
  margin-left: 15px;
  font-size: 40px;
  text-shadow: 0 0 20px #009688, 0 0 40px #ffffff;
 }
}

h1 {
  margin-left: 50px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}