@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(5b3c2aaa14459483.woff2) format('truetype');
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(d6ea016f031f7ec9.woff2) format('truetype');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(bd541e2d7b7c712d.woff2) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(4db42137a988032e.woff2) format('truetype');
}

:root{--hero-image:url("hero-celebration.webp");--lower-image:url("lower-banner.jpg")}