.hobbies-nav{
  position: fixed;
  height: 100px;
  width: 100%;
  color: white;
  background-color: blue;
  display: flex;
  justify-content: space-between;
  align-items: center;   
  padding-left: 30px;  
}

h1{
  font-size: 56px;
}

@media (width <800px){
  h1{
    font-size: 36px;
  }
  }

.home-page{
  margin-right: 60px;
  height: 70px;
  width: 140px;
  background-color: green;
  color: white;
  transition: 0.5s  ease-in;
  border-radius: 20px;
  font-size: 24px;
}

@media (width <800px){
  .home-page{
    height: 35px;
  width: 70px;
  font-size: 12px;
  }
  }

.home-page:hover{
  background-color: white;
  color: green;
    
}

.lego-container{
  padding-top: 100px;
  width: 100%;
  /* background-color: aqua; */
  /* position: relative; */
}

.lego-icon-div{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  margin: 0px 10px; 

}

@media (width <800px){
.lego-icon{
  height: 100px;
  width: 100px;
}
}

.cars{
  margin: 30px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
    justify-content: center;
    align-items: center;
    
    
}

.cars-item{
  /* border: 2px solid black; */
  margin: 10px;
  box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.45);
  border-radius: 20px;
  
}

.cars-item h3{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

.cars-item img{
  height: 100px;
  width: 100px;
  padding: 20px;
  border-radius: 20%;
  object-fit: contain;
      
}