html {
  font-size: 24px;
  font-family: "Roboto", sans-serif;

  @media (min-width: 992px) {
    font-size: 28px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Sora", sans-serif;
  font-weight: bold;
}

p {
  font-family: "Roboto", sans-serif;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: inherit;
}

a:hover {
  opacity: 50%;
}

a:hover.dica-bg-lightgreen {
  opacity: 90%;
  background-color: #b7efc5;
}

a:hover.dica-bg-purple {
  opacity: 90%;
  background-color: #7251b5;
}

a:hover.dica-bg-cta,
button:hover.dica-bg-cta {
  opacity: 90%;
  background-color: #ff8800;
}

.dica-bg-black {
  background-color: #252525;
}

.dica-bg-blue {
  background-color: #1565c0;
}

.dica-bg-green {
  background-color: #25a244;
}

.dica-bg-lightgreen {
  background-color: #b7efc5;
}

.dica-bg-purple {
  background-color: #7251b5;
}

.dica-bg-darkpurple {
  background-color: #361748;
}

.dica-bg-cta {
  background-color: #ff8800;
}

.dica-color-green {
  color: #25a244;
}

.dica-color-lightgreen {
  color: #b7efc5;
}

.dica-color-blue {
  color: #1565c0;
}

.dica-color-purple {
  color: #7251b5;
}

#ssb25 {
  background-color: #201080;
  color: #ffffff;
}