@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background: url('path-to-your-image.svg') no-repeat center center fixed;
    background-size: cover;
    font-family: "Noto Sans Thai", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    background-color: rgb(250, 227, 98);

}

.content {
    text-align: center;
    color: white;
    padding: 100px 20px;
}

.container {
    padding: 20px;
    border-radius: 10px;
}

h2{
    color: rgb(255, 238, 0);
}
.head1{
    background-color: rgb(117, 35, 184);
    color: rgb(233, 225, 212);
}
.pic{
    background-color: rgb(249, 238, 255);
}
img.img_desk{
    display: block;
    width: 100%;
    max-width: 900px;
    margin: auto;
}
img.img_mobile{
    display: none;
    width: 100%;
    max-width: 600px;
    margin: auto;
}
a{
    text-decoration: none;
}
.link1{
    background-color: rgb(141, 104, 1);
    color: aliceblue;
}
.link2{
    background-color: rgb(114, 28, 155);
    color: aliceblue;
}
.link3,.link4,.link5{
    background-color: rgb(156, 122, 170);
    color: rgb(255, 255, 255);
    font-weight: bold;
}
.link:hover{
    background-color: rgb(63, 61, 59);
    color: rgb(210, 212, 214);
}

/* โทรศัพท์มือถือ Portrait */
@media (max-width: 575.98px) {
    img.img_desk{
        display: none;
        width: 100%;
    }
    img.img_mobile{
        display: block;
        width: 100%;
    }
    h4{
        font-size: 100%;
    }
}
/* โทรศัพท์มือถือ Landscape */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* ใส่ CSS ของคุณที่นี่ */
}
/* แท็บเล็ต Portrait */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* ใส่ CSS ของคุณที่นี่ */
}
/* แท็บเล็ต Landscape และคอมพิวเตอร์พกพาขนาดเล็ก */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* ใส่ CSS ของคุณที่นี่ */
}
/* จอคอมพิวเตอร์ทั่วไปและคอมพิวเตอร์พกพาขนาดใหญ่ */
@media (min-width: 1200px) {
    /* ใส่ CSS ของคุณที่นี่ */
}