:root {
  --color-primary: #ff385c;
  --color-secondary: #00a699;
  --color-text: #484848;
  --color-text-black: #0f0f0f;
  --color-bg: #ffffff;
  --color-surface: #f7f7f7;
  --color-success: #2ecc71;
  --color-warning: #f39c12;
  --color-error: #e74c3c;
}

main,
footer {
  padding: 1.4rem;
}

h4,
h3 {
  color: var(--color-text-black);
  margin: 0;
}
hr {
  opacity: 0.4;
}
h4 i {
  font-size: 0.9 rem;
}

a {
  text-decoration: none;
  color: var(--color-text);
  font-size: 0.8rem;
}

a:hover {
  text-decoration: underline;
  color: black;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
  padding: 0.2rem;
}

h5 {
  color: var(--color-text-black);
  font-weight: 600;
  font-family: poppins;
  margin: 0;
  padding: 0;
}

footer {
  background-color: var(--color-surface);
  /* height: 300px; */
}

.credit {
  font-size: 0.7rem;
  color: var(--color-primary);
}