@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Kaushan+Script&family=Manrope:wght@300;400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");

:root {
  --font-sans: "Manrope", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  --font-serif: "Instrument Serif", serif;
  --font-script: "Kaushan Script", cursive;
  font-family: var(--font-sans) !important;
}

body, button, input, select, textarea { font-family: var(--font-sans); }
:where(h1, h2, h3, .display, .title) { font-family: var(--font-display); }
.font-display { font-family: var(--font-display) !important; }
.font-serif { font-family: var(--font-serif) !important; }
.font-script { font-family: var(--font-script) !important; }

.logo, .brand-logo {
  width: 80px !important;
  height: 80px !important;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.logo img, .brand-logo img {
  width: 80px !important;
  height: 80px !important;
  max-width: 80px !important;
  max-height: 80px !important;
  display: block;
  object-fit: contain;
}