@font-face {
  font-family: 'Gilroy';
  src:
    url('./assets/fonts/Gilroy-ExtraBold.woff2') format('woff2'),
    url('./assets/fonts/Gilroy-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src:
    url('./assets/fonts/Gilroy-Medium.woff2') format('woff2'),
    url('./assets/fonts/Gilroy-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src:
    url('./assets/fonts/Gilroy-Light.woff2') format('woff2'),
    url('./assets/fonts/Gilroy-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src:
    url('./assets/fonts/Gilroy-Regular.woff2') format('woff2'),
    url('./assets/fonts/Gilroy-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src:
    url('./assets/fonts/Gilroy-SemiBold.woff2') format('woff2'),
    url('./assets/fonts/Gilroy-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


html, body {
    height: 100%; 
    background-color: #010101;
}

body {
    font-family: 'Gilroy', sans-serif;
    color: #ffffff;
    margin: 0;
}

.container {
  margin: 0 auto;
}
header {
  --tw-bg-opacity: 1;
  background-color: #fff;
  width: 100vw;
  border-color: rgba(149, 130, 62, var(--tw-border-opacity));
  border-bottom-width: 2px;
  padding-top: 1.25rem;
}
main {
  height: calc(100vh - 106px);
}
img.logo {
  max-width: 10rem;
  height: auto;
}


.w-full {
  width: 100vw;
}
.h-full {
  height: 100vh;
}
.flex {
  display: flex;
}
.justify-center {
  justify-content: center;
}
.align-center {
  align-items: center;
}

.block {
  display: block;
}
.uppercase {
  text-transform: uppercase;
}
.text-xs {
  font-size: 1.1rem;
}
.text-s {
  font-size: 1.2rem;
}
.text-xl {
  font-size: 1.5rem;
}
.text-3xl {
  font-size: 3rem;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.text-gold {
  color: rgba(149, 130, 62, 1);
}
.text-center {
  text-align: center;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-16 {
  margin-top: 4rem;
}