@charset "UTF-8";
@import '../stickyNavigation.css';
@import '../hero2.css';
@import '../frontpage.css';
@import '../footer.css';

/* VARIABLES */
/* --------------------- */
/* --------------------- */
/* --------------------- */
:root {
    --desktop-title-size: clamp(22px, 2vw, 24px);
    --desktop-subtitle-size: clamp(20px, 1.3vw, 22px);
    --desktop-paragraph-size: clamp(16px, 1.2vw, 20px);

    --tablet-title-size: clamp(0.9rem, 2.3vw, 2rem);
    --tablet-subtitle-size: clamp(0.9rem, 2vw, 2rem);
    --tablet-font-size: clamp(0.9rem, 1.2vw, 1.5rem);

    --mobile-title-size: 18px;
    --mobile-subtitle-size: 14px;
    --mobile-font-size: 12px;

  --color-primary: #000000;
  --color-secondary: #000000;
  --color-secondary-light: #709B84;
  --color-secondary-dark: #000000;
  --color-background: transparent;
}

/* removes all default padding and margins */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.kanji-font {
  font-family: 'Zen Old Mincho';
}

@media (max-width: 1024px) {
  .location-container {
    transform: translateY(50px);
    margin-bottom: 50px;
  }
}