body {
    background-color: rgb(255, 255, 255);
  font-family: 'Futura', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: rgb(0, 0, 0);
    text-align: left;
    margin: 40px;
    
}
.class {
  font-family: 'Futura', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: rgb(0, 0, 0);
}

h1 {
  /* Use BeVietnamPro ExtraBold for headings when available */
  font-family: 'BeVietnamPro ExtraBold', 'Futura', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 60px;
  font-weight: 1000;
  color: rgb(0, 0, 0);
}
h3 {
  font-family: 'BeVietnamPro ExtraBold', 'Futura', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: 1000;
  color: rgb(0, 0, 0);
}

@font-face {
  font-family: 'BeVietnamPro ExtraBold';
  src: url('fonts/BeVietnamPro-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
image {
    width: 100%;
    height: auto;
}
.multi-column {
  column-count: 3;   
  column-gap: 30px;  
}
.hidden-audio {
  display: none; /* hides the player */
}
.center-img {
  display: block;
  margin: 0 auto;
}

/* Ensure all paragraph text uses Helvetica where available */
p {
  font-family: 'Helvetica', Arial, sans-serif;
}

/* Entry images: align to left and space 80px from surrounding content and each other */
.entry-img {
  float: left;
  margin-right: 80px;
  margin-bottom: 80px;
  max-width: 45%; /* keep images reasonable on small screens */
  height: auto;
}

/* Clearfix for content container when needed */
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}


.locked-img {
  position: fixed;
  left: 20px;
  top: 400px;
  width: auto;
  max-width: 200px;
  height: auto;
  z-index: 999;
}
.locked-imgL {
  position: fixed;
  right: 20px;
  top: 400px;
  width: auto;
  max-width: 200px;
  height: auto;
  z-index: 999;
}

/* Right-locked image to sit near the right-aligned image */
.locked-imgR {
  position: fixed;
  right: 20px;
  top: 700px;
  width: auto;
  max-width: 200px;
  height: auto;
  z-index: 999;
  bottom: 40px;
}

/* Responsive: disable fixed positioning on very small screens */
@media (max-width: 600px) {
  .locked-img, .locked-imgL, .locked-imgR {
    position: static;
    max-width: 100%;
    margin: 0 auto 20px;
    display: block;
  }
}

.audio-toggle {
  position:fixed;
  left:20px;
  bottom:20px;
  
 }
  
.entries { display:flex; gap:16px; flex-direction:column; align-items:center; padding:40px; }
    .entry-btn { display:inline-block; padding:12px 18px; background:#fff; color:#333; 
      border-radius:8px; text-decoration:none; font-weight:700; border:1px solid #ccc; }