:root {
    --cor-primaria: #3498db;
    --cor-secundaria: #2ecc71;
    --cor-terciaria: #f1c40f;
    --cor-quartenaria: #e74c3c;
    --cor-cinza-claro: #ecf0f1;
    --cor-cinza-escuro: #34495e;
    --cor-branco: #ffffff;
    --cor-preto: #222222;
}

body {
  margin: 0;
  background-color: var(--cor-cinza-claro);
  font-family: "Inter", sans-serif;
}

header {
  background-color: var(--cor-cinza-escuro);
  padding: 20px;
}

header h1 {
  color: white;
  text-align: center;
}

.absoluta, .relativa {
  /* width: 90%; */
  margin: 0 auto;
  padding: 20px 5%;
  background-color: var(--cor-secundaria);
}

.relativa {
  background-color: var(--cor-terciaria);
}

.absoluta h2 {
  font-size: 26px;
}
.absoluta p {
  font-size: 16px;
}

.relativa p{
  font-size: 1rem;
}

.relativa h2 {
  font-size: 1.625rem;
}