@font-face {
  font-family: Averta;
  src: url(/static/fonts/Averta-Regular.otf) format("otf"),
    url(/static/fonts/Averta-Regular.ttf) format("ttf"),
    url(/static/fonts/Averta-Regular.woff) format("woff"),
    url(/static/fonts/Averta-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: AvertaBold;
  src: url(/static/fonts/Averta-Bold.eot) format("eot"),
    url(/static/fonts/Averta-Bold.ttf) format("ttf"),
    url(/static/fonts/Averta-Bold.woff) format("woff"),
    url(/static/fonts/Averta-Bold.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: HaloHandletter;
  src: url(/static/fonts/HaloHandletter.eot) format("eot"),
    url(/static/fonts/HaloHandletter.ttf) format("ttf"),
    url(/static/fonts/HaloHandletter.woff) format("woff"),
    url(/static/fonts/HaloHandletter.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: LoveLace;
  src: url(/static/fonts/Lovelace-Regular.eot) format("eot"),
    url(/static/fonts/Lovelace-Regular.ttf) format("ttf"),
    url(/static/fonts/Lovelace-Regular.woff) format("woff"),
    url(/static/fonts/Lovelace-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

/* ------------------------------------------------------ */

html {
  font-family: Averta;
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  --white-two: #faf9f8;
  --beige: #f5eeea;
  --warm-grey: #877d78;
  --blush: #f1b59d;
  --dark-peach: #dd745d;
  --coral: #f25555;
}

body {
  overflow-x: hidden;
  margin: 0;
}

p,
a,
li {
  font-family: Averta;
}