html,body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* background-color: rgb(216, 101, 101); */
}

/* เมนูแนะนำหน้าเว็บ */
.Title-Head{
    color: brown;
    font-size: 30px;
    padding: 2rem;
}
.main-content{
    align-items: center;
}

/* background-color ทั้งหน้าเว็บ*/
main{
    background-color: azure;  
}
/* <!-- Picture Frame Content Start --> */
.Box{
    background-color: rgb(117, 106, 124);
    
    margin:6px 40px;
    padding: 20px;
    border: 8px solid rgb(116, 0, 96);
    border-radius: 8px;
    text-align: center;
}
/* .Box img กำหนดรูปภาพให้เต็มpicture*/
.Box img{
    width: 100%; 
}

.Title-Picture_Frame1{
    color: rgb(218, 214, 221);
    font-size: 25px;
    margin: 20px;
}
.Title-Picture_Frame2{
    color: rgb(71, 30, 102);
    font-size: 18px;
}
.Button{
background-color: rgb(207, 58, 58);
font-size: 16px;
text-decoration: none;
color: aliceblue;
border: 2px solid rgb(202, 176, 190) ;
border-radius: 8px;
padding: 0.5rem;
}
.Button:hover{
    background-color: blueviolet;
}
 /* <!-- Picture Frame Content Stop --> */