/* ตั้งค่าพื้นฐานและกำหนดพื้นหลังสีดำ #000000 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
    background-color: #13122A; /* สีดำแบบ Hex Code */
    font-family: sans-serif;
}

/* จัดกึ่งกลางหน้าจอแบบ Responsive ด้วย Flexbox */
.container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* จัดแต่งขนาดโลโก้ให้ยืดหยุ่นตามหน้าจอ (Responsive) */
.logo-wrapper {
    max-width: 300px; /* ขนาดสูงสุดของโลโก้บนจอใหญ่ */
    width: 60%;       /* ปรับขนาดตามหน้าจอมือถือ */
}

.logo {
    width: 100%;
    height: auto;
    display: block;
}