styles.css

* {
  box-sizing: boder-box;
}

body{
  padding:50px;
  justify-content: center;
  background-color: #F2F2F2;
}

.row{
  display:flex;
  width:70%;
  padding:5% 12%;
  align-items:stretch;
}

.card{
  padding: 50px;
  width:33.33%;
}

/* Heading styles */
.card-title{
  font-family: 'Big Shoulders Display', cursive;
  font-weight: 700;
  font-size:30px;
  color:#F2F2F2;
  margin: 15px 0;
}

/* Main text styles */
.card-text{
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color:#FFFFFFC0;
}

/* Background styles for the cards */
.orange{
  background-color: #E38826;
}
.cyan{
  background-color: #006970;
}
.dark-cyan{
  background-color: #004241;
}

/* Styles for the buttons */
.button{
  display:inline-block;
  background-color: #F2F2F2;
  border: none;
  padding: 15px 35px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  font-family: 'Lexend Deca', sans-serif;
  font-size: 15px;
  margin: 4px 10px;
  border-radius: 30px;
  transition: all 0.15s;
}
.btn-orange{
  color: #E38826;
}

.btn-cyan{
  color: #006970;
}

.btn-dc{
  color: #004241;
}

a:hover {
  background-color: Transparent;
  border: 2px solid #FFFFFF;
  color: #F2F2F2;
}

/* Media styles */
@media screen and (max-width: 1439px) {
  .row{
    display:block;
  }
 a.button{
  display:block;
  margin:0.4em auto;
 }
}