@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Sora:wght@400;500;600&display=swap");

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2") format("woff2");
}

:root {
  --paper: #f7f5f0;
  --forest: #3f5444;
  --stone: #cfc8bc;
  --rust: #b86b34;
  --ink: #232323;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Manrope", sans-serif;
  line-height: 1.6;
}

a {
  color: inherit;
  text-decoration: none;
}

.bi::before {
  display: inline-block;
  font-family: "bootstrap-icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}

.bi-bag::before { content: "\f179"; }
.bi-instagram::before { content: "\f437"; }
.bi-check2-circle::before { content: "\f26b"; }
.bi-compass::before { content: "\f2d1"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-stars::before { content: "\f586"; }
.bi-pin-map::before { content: "\f64d"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-send::before { content: "\f5ee"; }
.bi-music-note-beamed::before { content: "\f4db"; }

.site-main {
  display: block;
}