@font-face {
  font-family: "Forte";
  src: url("./fonts/FORTE.TTF");
}
:root {
  --azulclaro: #1e8dea;
  --azulfuerte: #003fad;
  --azulmar: #0bb2da;
  --blanco: #f6fafd;
  --azulbg: #002755;
}
* {
  box-sizing: border-box;
  /* font-size: 67%; */
  font-size: 18px;
  letter-spacing: 2px;
  margin: 0;
  scroll-behavior: smooth;
}
body {
  font-family: "Raleway";
}

h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.5rem;
}
h1,
h2,
h3 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 3.5rem;
  }
  h2 {
    font-size: 3rem;
  }
  h3 {
    font-size: 2rem;
  }
}