@import url("global.css");
@import url("base.css");
@import url("hero.css");
@import url("collection.css");
@import url("Res-collection.css");
@import url("Res-hero.css");
@import url("category.css");
@import url("products.css");
@import url("footer.css");
@import url("quote.css");
@import url("notice.css");
@import url("buttons.css");
@import url("import.css");
@import url("header.css");
@import url("animations.css");
@import url("aso-bg.css");
body {
font-family: "Klee One Web", serif;
}
html, body {
  position: relative;
 
}
@font-face {
  font-family: "KleeOne";
  src: url("../fonts/KleeOne-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;  
}
/* Force Font Awesome to use swap */
@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("../fontawesome-free-7.1.0-web/webfonts/fa-solid-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}