.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%, #212529 50%);

  }

.logo {
  font-family: 'Nazanin', sans-serif;
  color: #212529;
  margin-left: 30px;
  font-weight: 600;

}

.h1 {
    margin-left: 70px;
    margin-top:100px;
    color: #45ccc5;
}

h2 {
    position: absolute;
    margin-left: 280px;
     margin-top: 400px;
     color: white;
     font-family: 'Nazanin', sans-serif;
}

.img {
    width: 230px;
    margin-left: 265px;
    margin-top: 100px;

}

.h3 {
    
    font-size: 20px;
    margin-left: 80px;
    color: #45ccc5;
}
p {
    margin-left: 30px;
    width: 70%;
    color: #212529;
    font-family: 'Montserrat';
    
}

.btn {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 40px;
    background-color: #45ccc5;
    border: 2px solid #45ccc5;
    text-decoration: none;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
    margin-left: 40px;
}

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%, #212529 50%);
        overflow: scroll;
      }

      .h1 {
     margin-top: 10px;
     font-size: 30px;
      }
      p{
        font-size: 14px;
        width: 250px;
      }
   .img {
    position: absolute;
    width: 170px;
    margin-left: 25px;
    margin-top: 500px;

   }

   h2 {
    position: absolute;
    margin-left: 20px;
     margin-top: 750px;
     font-size: 20px;
     color: white;
     font-family: 'Nazanin', sans-serif;
}
}