*{
    transition-timing-function: cubic-bezier(.4, 0.8, .7, -.8);
}
#samyeling{
    
    align-self: center;
}
#samyeling > img{
    width:100%;
    height:100%;
}
.area-info{
    box-sizing:content-box;
    align-self: center;
    padding: 1em;
    margin:1em;  
    min-height:max(200px,50vh);
    max-height: fit-content;
  
}
@media (max-width: 1300px){
    .area-info > p{
        font-size:clamp(12px, 1.3vw,25px) !important;
    }
}
.area-info > h2{
    box-sizing:content-box;
    margin:1rem 0.5rem;
    font-size:2em;
}
.area-info > p{
    font-size:clamp(12px, 1.4vw,25px);
}
#toVisitPara > *{
    text-align: center;
    margin:0rem 1rem;
}
.doubleFig{
    
    min-width:600px;
    margin:0;
}
.doubleFig > img{

    width:100%;
}
 #MainRoad > img{
    
}
#MainRoad{
   clip-path:rect(13% 100% 87.2% 0%);
}
.article{
    padding: 2em 1em;
   
}
.article > h2{
    font-size:2em;
}
.article > p{
    
    font-size:clamp(12px, 1.2vw, 2em);
    margin:0 5px;
}
.area-article > *{
    text-align:left;
    width: 100%;
}
.area-article{
    flex-basis:35%;
}

.spacing-width{
    
    min-width:600px;
}