@font-face {
  font-family: "Questrial";
  src: url("fonts/questrial-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Questrial";
  src: url("fonts/questrial-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}

html,
body,
button,
input,
select,
textarea {
  font-family: "Questrial", sans-serif;
}

.brand-header {
  background-image: url("images/bg-separator.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto;
}

.profile {
  background-image: url("images/bg-circle.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 900px auto;
}

.site-footer {
  background-image: url("images/bg-circle.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 760px auto;
}