*{
    margin: 0;
padding: 0;
}
body{
    background-color: #595959;
   
}
  
nav a{
    height: fit-content;
    padding:10px;
    border-radius: 10px ;
    margin: 10px 15px;
    color: inherit;
  }
  nav{
      align-items: center;
      width: 90%;
      display: flex;
      flex-wrap: wrap;
      justify-content: right;
  }

  .zoom {
    transition: 1s;
}
.zoom:hover {
    transform: scale(1.1);
}

.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(6, 1fr);
}
    
.header-s {
    grid-column: span 5 / span 5;
    background-color: #595959 ;
}

.left-s {
    grid-row: span 4 / span 4;
    grid-row-start: 2;
    background-color: #7F7F7F;
}

.main-s {
    grid-column: span 4 / span 4;
    grid-row: span 4 / span 4;
    grid-row-start: 2;
    background-color: #A5A5A5;
    
}
.footer-s{
    grid-column: span 5 / span 5;
    grid-row-start: 6;
    background-color: #CCCCCC;
}