@font-face {
            font-family: 'Area-BlackExtended'; /* ชื่อที่คุณจะใช้อ้างอิงใน CSS */
            src: url('./../fonts/Area-BlackExtended.woff') format('woff'),
                 url('./../fonts/Area-BlackExtended.woff2') format('woff2');
            font-weight: 900;
            font-style: Black;
            font-display: swap;
        }

.fill-black{
     fill: #000;
}
.fill-white{
     fill: #fff;
}

.bg-header-bluemace{
  /* สำหรับ WebKit-based browsers (Safari, Chrome, Android Browser) */
  background: -webkit-linear-gradient(53deg, rgba(0, 104, 172, 1) 0%, rgba(0, 166, 227, 1) 65%, rgba(255, 255, 255, 1) 100%);
  /* มาตรฐาน CSS */
  background: linear-gradient(53deg, rgba(0, 104, 172, 1) 0%, rgba(0, 166, 227, 1) 65%, rgba(255, 255, 255, 1) 100%);
}

/* เมื่ออยู่ใน Dark Mode (html element มี class 'dark') ให้ปิด Gradient ของ .bg-header-bluemace */
html.dark .bg-header-bluemace {
  background-image: none; /* ทำให้ Gradient หายไป */
}