/*@import url('../../assets/fonts/prompt.css');
*/
@import url('../../assets/fonts/prompt.css');

html, body {
  height: 100%; /* ตั้งค่าความสูงของหน้าเว็บให้เต็มหน้าจอ */
  margin: 0;
  padding: 0;
  background:#f4deca;
  font-family: 'Prompt', sans-serif;
}
.main-container {
  min-height: 100%; /* ตั้งค่าความสูงขั้นต่ำของ container ให้เท่ากับหน้าจอ */
  display: flex;
  flex-direction: column; /* ใช้ flexbox ในการจัดการ layout */
}
.content {
  flex: 1; /* ทำให้ส่วนนี้ยืดหยุ่นและเติมพื้นที่ที่เหลือ */
}
.footer {
  width: 100%; /* กำหนดความกว้างของ footer */
  background-color: #f8f9fa; /* สีพื้นหลังของ footer */
}

  /* --------------------ตัวอักษรแนวตั้ง------------------------ */
.verticaltext {
    position: relative; 
    padding-left:50px;
    margin:1em 0;
    min-height:120px;
}

.verticaltext_content {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    left: -40px;
    top: 35px;
    position: absolute;
    color: #FFF;
    text-transform: uppercase;
    font-size:26px;
    font-weight:bold;
}


/* -----------------button to top-------------------*/
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}