/* General */
html {
  scroll-behavior: smooth;
}

body,
input,
select,
textarea,
button,
::placeholder {
  font-family: "Bricolage Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* Hero */
.bg-hero {
  background-image: url(../img/bg-hero.jpg);
  z-index: -1;
  opacity: 0.7;
  background-size: cover;
}

.bg-section {
  background-image: url(../img/bg-section-blue.png);
}

.bg-section-pink {
  background-image: url(../img/bg-section-pink.png);
}

.bg-hero div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="rgb(148 163 184 / 0.05)"><path d="M0 .5H31.5V32"/></svg>');
}