@font-face {
  font-family: 'Smooch Sans';
  src: url('../fonts/SmoochSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style:normal;

  font-display: swap;
}

@font-face {
  font-family: 'Inter Tight';
  src: url('../fonts/InterTight-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style:normal;

  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-VariableFont_wdth_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style:normal;
  font-display: swap;
}

html,
body {
  height: 100%;
  font-family: 'Inter Tight';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  font-family:'Inter Tight', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

@supports (height: 100svh){
  body{ min-height:100svh; }
}

.font-smooch {
  font-family:'Smooch Sans';
}

.font-inter {
  font-family: 'Inter Tight';
}

.font-open-sans {
  font-family: 'Open Sans';
}

header {
  background: url('../img/header.png') no-repeat right bottom;
  background-size: cover;
  height: 480px;
  max-height: 480px;
  min-height: 120px;
}

footer {
  background: url('../img/footer.png') no-repeat center top;
  background-size: cover;
  height: 100px;
  max-height: 100px;
  min-height: 50px;
}

main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
}

.btn-primary{
  background-color:#5B4262;
  border-color:#5B4262;
}
.btn-primary:hover{
  color:#fff;
  background-color:#7a5d85;
  border-color:#7a5d85;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus-visible{
  color:#fff !important;
  background-color:#9EB2A6 !important;
  border-color:#9EB2A6 !important;
  box-shadow:none !important;
}

img.qr {
  max-width: 220px;
  width: 100%;
  height: auto;
}