@font-face {
  font-family: "poppins";
  src: url("../../fonts/Poppins-Regular.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

.send-flowers-regular {
  font-family: "Send Flowers", cursive;
  font-weight: 400;
  font-style: normal;
}

.content-box {
  max-width: 950px;     /* your requested width */
  /*width: min(1000px, 100%);*/

  margin: 8px auto;   /* top/bottom | left/right center */

  padding: 10px;

  background: rgb(64,68,45, 0.9); /* semi-transparent */
  border-radius: 12px;

  box-shadow: 0 4px 15px rgba(0,0,0,0.15);

  line-height: 1.6;
}

.content-box p {
    text-align: justify;
    text-indent: 0px;
    font-family: "poppins", sans-serif;
    color: #eccec4;
}

.content-box p::first-letter {
  /*font-weight: bold;*/
  font-size: 1.1em;
}

.intro-text img {
  height: 16px;
  margin-right: 5px;
}

body {
  margin: 0;
  
  background-image: url("../../img/main_bg.jpg");

  background-color: #40442d;

  background-size: cover;        /* fill screen */
  background-position: center;  /* center image */
  background-repeat: no-repeat; /* no tiling */
  background-attachment: fixed; /* optional: subtle parallax */
}

body {
    font-family: 'poppins', sans-serif;
    color: #d79e67;
    min-height: 100vh;
    margin: 0 auto;
    line-height: 1.6;
}

html, body {
  min-height: 100%;
}

/* Layout wrapper */
.intro-layout {
  display: flex;
  flex-direction: column;   /* stack vertically */
  gap: 24px;
}

/* Text container */
.intro-text {
  flex: 1;
}


@media (max-width: 768px) {
  .intro-layout {
    flex-direction: column;
    align-items: center;
  }

  .intro-image img {
    width: 80%;
    max-width: 320px;
  }

  .intro-text {
    width: 100%;
  }
}


.content-image img {
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Image container */
.content-image img {
  width: 460px;         /* adjust size */
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

.content-image {
  display: flex;
  justify-content: center;
}

.content-image img {
  width: 460px;
  max-width: 100%;   /* prevent overflow on small screens */
  height: auto;
}

/* Normal link */
a:link {
  color: #eccec4;
}

/* Visited link */
a:visited {
  color: #d8a9a0; /* slightly different shade */
}

/* Hover */
a:hover {
  color: white;
  text-decoration: underline;
}

/* Clicked (active) */
a:active {
  color: #ffffff;
}