body {
    /* Menggunakan System Font untuk kinerja optimal, diikuti oleh Inter sebagai fallback modern,
       lalu Arial/Helvetica, dan terakhir generik sans-serif */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.5; /* Penting untuk keterbacaan di mobile */
}

/* Contoh untuk Judul (Headline) */
h1, h2, h3 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Poppins', 'Montserrat', sans-serif;
    font-weight: 700; /* Tebal */
}
/*
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  overflow: hidden;
}

h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 0.4em;
}
*/
img.zoom {
  cursor: zoom-in ;
}

/* Contoh responsif dengan media queries */
@media (max-width: 768px) {
  body {
    font-size: 18px;
    line-height: 1.7;
  }

  h1 {
    font-size: 2.2em;
  }

  h2 {
    font-size: 1.8em;
  }
}

.bg-main {
  background: #56CCF2;  
  background: -webkit-linear-gradient(to bottom, #2F80ED, #56CCF2);
  background: linear-gradient(to bottom, #2F80ED, #56CCF2);

  /* background: #11998e;
  background: -webkit-linear-gradient(to top, #38ef7d, #11998e);
  background: linear-gradient(to top, #38ef7d, #11998e); */

}
.bg-img {
  background-image: url('BERKAS/bg.jpg?');
  background-position: center;
  background-size: cover;
  color: white;
}
.fmain {
  color: #2F80ED;
}
.fmain2 {
  color: #56CCF2;
}
/* ZOOM */
#mainpage.zoom {
  position:absolute;
  left: 0;
  top: 0;
  zoom: 1.2;
  padding-top: 10px!important;
  z-index: 10000000;
  width: 100vw;
  background: #ffffff;
}