:root{
  --Bright-orange: hsl(31, 77%, 52%);
  --Dark-cyan: hsl(184, 100%, 22%);
  --VERY-dark-cyan: hsl(179, 100%, 13%);
  --transwhite: hsla(0, 0%, 100%, 0.75);
  --Gray: hsl(0, 0%, 95%);
}
*{
  margin: 0px;
  box-sizing: border-box;
  padding: 0px;
}
body{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--Gray);
  height: 100vh;
  font-family: "Lexend Deca";
  font-weight: 400;

}
.row{
  column-count: 3;
  column-gap: 0px;
  width: 900px;
  height: 500px;
}
.column{
  width: 300px;
  height: 500px;
  padding: 40px 40px;
  gap: 0px;
}
.header{
  font-family: "Big Shoulders";
  color: var(--Gray);
  font-weight: 700;
  padding: 25px 0px;
}
p{
  font-size: 15px;
  color: var(--transwhite);
  font-weight: normal;
  letter-spacing: 0.5px;
  padding: 10px 0px;
  
}
.sedans{
  background-color: var(--Bright-orange);
}
.suvs{
  background-color: var(--Dark-cyan);
}
.luxury{
  background-color: var(--VERY-dark-cyan);
}
button{
  background-color: white;
  margin: 50px 5px;
  border: none;
  border-radius: 35px;
  width: 150px;
  height: 50px;
}
.button--sedans{
  color: var(--Bright-orange);
  
}
.button--suvs{
  color: var(--Dark-cyan);
}
.button--luxury{
  color: var(--VERY-dark-cyan);
}
img{
  padding: 5px 15px;
}





.attribution { font-size: 11px; text-align: center; }
.attribution a { color: hsl(228, 45%, 44%); }