/* .pro{
    text-align: center;
} */
body{
    background-color: rgba(251, 252, 251, 0.322);
        font-family: "Playpen Sans Thai", cursive;
}
img{
    width: 18rem;
    margin: 4rem; 
    border-radius: 9rem;

}
.container {
    max-width: 2000px;
    margin-bottom:  rem ;
    background: rgb(236, 181, 181);
    padding: 40px ;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(233, 47, 47, 0.897);
  }
  .info p{
    margin: 4px;
  }
  h1, h2 {
    color: #000203;
     margin-bottom: 1px; 
     font-size: 2rem;

  }
  .profile {
    display: flex;
    align-items: flex-start; /* ให้ข้อความขึ้นต้นตรงกับรูป */
    margin-top: 10px;
    box-shadow: 0px 5px 3px 3px #000203;
  }
.box1{
    background-color: rgb(248, 85, 85);
   border-radius:20px ;
    text-align: center;
}
.box1 h1{
    font-size: 30px;
    color: black;
}

.box5{
     display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    width: 100% 50%;
}
#img-box{
    
       border: solid rgb(0, 0, 0);
    box-shadow: 10px 10px 5px rgba(72, 72, 77, 0.511);
}
.box2{
    background-color: rgb(239, 130, 52);
    border-radius:  8px;
    border: solid black 8px;
    text-align: center;
}
.work-back{
    text-align: center;
    margin-top: 0px;
    

}
.box3{
    background-color: rgb(248, 222, 187);

}