body{
  margin:0;
  padding:0;
}
h1{
font-family: 'Big Shoulders Display', cursive;
color:hsl(0, 0%, 95%);
margin-top: 31px;
font-size:2.5em;
}
.cars p{
  color:hsla(0, 0%, 100%, 0.75);
  font-family: 'Lexend Deca', sans-serif;

    line-height: 24px;
    word-spacing: -2px;
}
.cars{
  display:flex;
  margin:50px auto;
  justify-content:center;

}
.sedan{
background-color:hsl(31, 77%, 52%);
border-radius:20px 0 0 20px;
}
.sedan button{
  color:hsl(31, 77%, 52%);
}
.suv{
  background-color:hsl(184, 100%, 22%);
}
.suv button{
  color:hsl(184, 100%, 22%);
}
.luxury{
  background-color:hsl(179, 100%, 13%);
  border-radius:0 20px 20px 0;
}
.luxury button{
  color:hsl(179, 100%, 13%);
}
.sedan,.suv,.luxury{
  padding: 37px;
      width: 222px;
      min-height: 419px;
      max-height:auto;
      padding-top: 48px;
      padding-left: 47px;
}
button{
  background-color:hsl(0, 0%, 95%);
  border-radius:20px;
  border:2px solid white;
  font-family: 'Lexend Deca', sans-serif;
  padding: 14px 31px;
    margin-top: 68px;
    border-radius: 25px;
    font-size: 15px;
}
button:hover{
  background-color:transparent;
  color:hsl(0, 0%, 95%);
}
@media only screen and (max-width: 375px) {
  .cars
  {
    display:block;
  }
  .sedan{
    border-radius:8px 8px 0 0;
  }
  .luxury{
    border-radius:0 0 8px 8px;
  }
  .sedan,.suv,.luxury{
    margin:0 auto;
    height:362px;
    width:246px;
  }
  .button{
    margin-top:35px;
  }
}