body {
    padding: 30px;
    
    margin: 20px;
    background-color:bisque;
  }
  
  a:link{
    color: #0059b3;
    font-size: larger;
   }
  
  a:visited{
    color: #FF00FF;
    font-size: larger;
   }
   
   a:hover{
     font-weight: bold;
   }
   
   ul.menu a{
    
     display: block;
     padding: 10px;
     text-decoration: none;
     color: black;
     }
   
    
     ul.menu {
       
       list-style-type: none;
       background-color: #C5AB9F;
       display: flex;
       font-size: 25px;
       justify-content: space-around;
       
       
       border-radius: 50px;
      
       width: 90%;
       
       }
    
  
   
  
    h1{
      text-align: center;
      color: black;
      font-size: 55px;
      margin-top: 2em;
  }
    h2{font-size: 45px;
      margin-top: 2em;
      margin-bottom: 2em;
      color: black;
      text-align: center;
      }
        
    h3{
        font-size: 30px;
          color: black;
          font-family: Georgia, Sherif;
          font-weight: bold;
          text-align: center;
      }
  
  p{color: black;
    font-size: 25px;
    font-family: Georgia, Sherif;
    text-align: center;}
  
section{
    background-color: #C5AB9F;
}



section.moto{

    display: flex;
    align-items: baseline;

    flex-wrap: nowrap;
    

    margin-bottom: 10px;
    margin-top: 10px;
    padding: 1.65%;
 }




/*toto je podstatne*/


section.moto a{
  flex: 1 0 12%;
  display: flex;
}
section.moto a img {
  width: 100%;
  height: 384px; 
  object-fit: cover;  }

 
 
 /*toto je podstatne*/
 
 
 
 
 
 
 
  img.moto:hover {
  transform: scale(1.5); 
}

 img.moto{
  transition: transform 0.3s ease-in-out;
  }

  
  
  article{
    padding-left: 1em;
    padding-right: 1em;
  }


  section.trip{
    display: flex;

    flex-wrap: wrap;
    

    align-items: baseline;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 1.65%;
 }



 section.trip a{
  flex: 1 0 12%;
  display: flex;
}
section.trip a img {
  width: 100%;
  height: 384px; 
  object-fit: cover;  }









 img.trip:hover {
  transform: scale(1.5); 
}

 img.trip{
  transition: transform 0.3s ease-in-out;
  }



  
  a img:hover{
    transform: scale(1.5);
  }

  a img.trip{
    transition: transform 0.3s ease-in-out;
    }