@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@144,400;144,700&display=swap");
::-moz-selection {
  background-color: #8B5A3C; /* Kiwi brown outer skin color */
  color: #fdffe2;
}
::selection {
  background-color: #8B5A3C; /* Kiwi brown outer skin color */
  color: #fdffe2;
}

::-moz-selection {
  background-color: #8B5A3C; /* Kiwi brown outer skin color */
  color: #fdffe2;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
  padding: 1rem;
  font-family: "Fraunces", serif;
  font-variation-settings: "opsz" 144;
  background-color: #fdffe2;
  box-sizing: border-box;
}

img {
  width: 90%;
  max-width: 20rem;
  height: auto;
  user-select: none; /* Prevent image selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none; /* Additional prevention */
}

h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: #171206;
  margin-top: 1rem;
  font-weight: 100;
  text-align: center;
}

/* Mobile (Small phones) */
@media (min-width: 480px) {
  img {
    max-width: 25rem;
  }
}
/* Tablets */
@media (min-width: 768px) {
  img {
    max-width: 32.5rem;
  }
  h1 {
    font-size: clamp(3rem, 4vw, 4rem);
  }
}
/* Desktop */
@media (min-width: 1024px) {
  img {
    max-width: 35rem;
  }
}
/* Large Desktop */
@media (min-width: 1440px) {
  img {
    max-width: 40rem;
  }
  h1 {
    font-size: clamp(3.5rem, 3vw, 5rem);
  }
}
/* 4K and Ultra-wide */
@media (min-width: 2560px) {
  img {
    max-width: 55rem;
  }
  h1 {
    font-size: clamp(5rem, 2.5vw, 7rem);
  }
}/*# sourceMappingURL=style.css.map */