* {
  font-family: "Open Sans", sans-serif;
}

body {
  background: linear-gradient(
    -80deg,
    rgba(60, 153, 144, 0.79) 25%,
    rgba(42, 97, 168, 0.79) 55%,
    rgb(32, 0, 255)
  );
}

.contenedor {
  width: 90%;
  background-color: #d0fffb;
  margin: 10% auto;
  padding: 5px 7px 30px 15px;
  border-radius: 15px;
}

.font-size {
  font-size: 15px;
}

.present-title {
  text-align: center;
}

.btn-group {
  display: flex;
  flex-direction: row;
  margin: auto;
  justify-content: space-around; /* pace-around COLOCA un espacio al INICO al MEDIO y al FINAL del mismo TAMAÑO */
}

.button {
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  height: auto;
  color: aliceblue;
  padding: 10px;
  margin: auto;
}

.testimonials-grid-section {
  background-color: rgb(25, 118, 210);
  border: solid #1a4c77 2px;
}

.testimonials-grid-section:hover {
  background-color: rgb(17, 77, 138);
  border: solid #11324e 2px;
}

.social-media-dashboard {
  background-color: rgb(25, 173, 210);
  border: solid #1a4c77 2px;
}

.social-media-dashboard:hover {
  background-color: rgb(17, 138, 138);
  border: solid #116568 2px;
}

.fylodk-landing-page {
  background-color: rgb(25, 150, 233);
  border: solid #0d5470 2px;
}

.fylodk-landing-page:hover {
  background-color: rgb(25, 110, 167);
  border: solid #093c50 2px;
}

footer {
  background: hsl(208, 92%, 53%);
  width: 90%;
  margin: auto;
  padding: 5px 5px;
  border-radius: 15px;
}

.attribution {
  font-size: 12px;
  text-align: center;
  color: white;
}

.attribution a {
  color: hsl(182, 100%, 94%);
  font-weight: bold !important;
}