body {
    margin: 0 auto;
}
.grid-container {
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.5fr;
    grid-template-rows: 0.5fr 1fr 0.5fr;
    gap: 0px 0px;
    grid-template-areas:
      "header header header"
      "nav content hirdetes"
      "footer footer footer";
  }
  .header { 
      grid-area: header;
 }

 .nav { grid-area: nav; }
  .content { grid-area: content; }
  .hirdetes { grid-area: hirdetes; }
  .footer { grid-area: footer; }
  
  a {
    text-decoration: none;

}

.nav li {
    text-decoration: none;
    list-style-type: none;
}

.nav a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    color: white;
    display: inline-block;
    background-color: green;
    margin-top: 12px;
    padding-left: 20px;
    padding-top: 12px;
    width: 150px;
    height: 40px;
    border-radius: 1px 1px 15px 1px;
    text-align: left;
    border-right: 1px solid rgb(18, 228, 123);
    border-bottom: 1px solid rgb(28, 206, 117);
    border-top: 1px solid rgb(52, 253, 152);
    box-shadow: 3px 3px 5px 0px rgb(0, 71, 36);
    list-style-type: none;
}

.nav ul li a:hover {
    background-color: rgb(117, 238, 117);
    color: white;
}

.nav a:hover {
    background-color: rgb(186, 235, 186);
    color: black;
}

.nav a:visited {
    background-color: rgb(109, 197, 109);
    color: black;
}
    .hirdetes {
        padding-left: 24;
    }
    
    .hirdetes a {
        padding-top: 20px;
        padding-left: 120px;
        padding-bottom: 20px;
    }
    
    .hirdetes h1 {
        text-align: center;
        color: white;
    }
    
  .nav { 
      /*grid-area: nav;*/
      background-color: lightgreen;
    padding-left: -30px;
    }
  .content { 
      /*grid-area: content;*/
      background-color: yellowgreen;
     }
    .content h1, h2 {
         text-align: center;
     }
     .content p {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 20px;
         padding-right: 40px;
         padding-left: 40px;
         text-align: justify;
     }
  .hirdetes { 
      background-color: darkgreen;
     }
  .footer { 
     max-height: 150px;
      background-color: yellow;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
      text-align: center;
      padding-top: 100px;
    }