/* @font-face {
  font-family: 'Krona One';
  src: url('/fonts/KronaOne-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('/fonts/Poppins-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
} */

@font-face {
  font-family: 'Krona One';
  src: url('/fonts/KronaOne-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

/* @font-face {
  font-family: Poppins;
  src: url('/fonts/Poppins-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
} */

 @font-face {
  font-family: Poppins;
  src: url('/fonts/Poppins-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.test-heading {font-family: "Krona One";}
.first-paragraph {font-family: "Poppins"; font-weight: 600}
.second-paragraph {font-family: "Poppins"; font-weight: 500}
body {font-family: "Poppins"; font-weight: 400}


/* @font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
} */

/* .test-heading {font-family: "Montserrat";}
.first-paragraph {font-family: "Montserrat"; font-weight: 600}
.second-paragraph {font-family: "Montserrat"; font-weight: 500}
body {font-family: "Montserrat"; font-weight: 400} */

/* .test-image {
  max-width: 100%;
  height: 60px;
  display: block;
  margin-bottom: 16px;
} */

/* .lightbox {
  display: flex;
} */

/* .lightbox a {
  display: inline-block;
  width: 100%;
  height: 100%;
} */

/* .gallery {
  display: flex;
} */

.w-lightbox,
.gallery a {
  cursor: pointer;
  transition: filter 0.1s ease;
}

.w-lightbox:hover,
.gallery a:hover {
  filter:brightness(95%);
}

.gallery a:focus-visible {
  /* outline: -webkit-focus-ring-color auto 1px; */
  outline-offset: 1px;
}

.gallery img,
.lightbox img {
  width: 20%;
  /* height: 200px; */
  height: 15vw;
  margin-bottom: 4px;
  /* object-fit: initial; */
}

.hidden {
  /* visibility: hidden; */
  display: none;
}


.test-image {
  /* max-width: 90%; */
  /* width: 50%; */
  /* width: auto; */
  /* height: 15vw; */
  /* height: 60vw; */
  /* height: 30vw; */
  display: block;
  margin: 8px 0;
  margin-right: 8px;
}

/* .bg-image {
  height: 15vw;
  max-width: 23vw;
  background-image: url('/images/forest.jpg');
  background-size: cover;
  margin-bottom: 8px;
} */

/* .test-heading {font-family: "Krona One";}
.first-paragraph {font-family: "Poppins"; font-weight: 600}
.second-paragraph {font-family: "Poppins"; font-weight: 500}
body {font-family: "Poppins"; font-weight: 400} */

/* body {font-family: system-ui;} */

video {
  width: 100%;
  aspect-ratio: 16/9;
}