/*

       _ __ ___  ___ ___   _ __ ___  ___  ___  _   _ _ __ ___ ___  ___ 
      | '__/ _ \/ __/ __| | '__/ _ \/ __|/ _ \| | | | '__/ __/ _ \/ __|
      | | | (_) \__ \__ \ | | |  __/\__ \ (_) | |_| | | | (_|  __/\__ \
      |_|  \___/|___/___/ |_|  \___||___/\___/ \__,_|_|  \___\___||___/


                      https://rossresources.tumblr.com/
   
                    CRIADO POR ROSS, NÃO TIRE OS CRÉDITOS

                                *:･ﾟ✧*:･ﾟ✧

                   CREATED BY ROSS DON'T REMOVE MY CREDITS
          
*/

@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');

@font-face {
    font-family: "NT Josefine";
    src: url(https://dl.dropbox.com/s/0030yodvnm0stgb/Pistilli-Roman.otf);
    format("truetype");
}

#rr_love-on-the-brain {
  --width: 700px;
  --bg-color: #e1e0dc;
  --borders: #adadad;
  --accent: #cfab5d;
  --text-color: #282828;
  position: relative;
  font: 14px/170% 'Kanit', sans-serif;
  color: var(--text-color);
}

#rr_love-on-the-brain a[href="https://is.gd/rossr"] ~ .rcontainer {
  width: var(--width);
  position: relative;
  padding: 5px;
}

#rr_love-on-the-brain a[href="https://is.gd/rossr"] ~ .rcontainer .rwrapper {
  background: var(--bg-color);
  outline: 1px solid var(--borders);
  outline-offset: -20px;
}

#rr_love-on-the-brain .rheader {
  padding: 60px 0;
  border: 1px solid transparent;
}

#rr_love-on-the-brain .rtitle {
  margin: 10px 0 5px;
  font: 100px/100% 'NT Josefine', serif;
  color: var(--accent);
  text-shadow: 0 0 3px;
}

#rr_love-on-the-brain .rsub {
  font: 8px/100% 'Arial', serif;
  letter-spacing: 4px;
  text-transform: uppercase;
}

#rr_love-on-the-brain .rflex {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  --icon-size: 80px;
}

#rr_love-on-the-brain .rflex::before, #rr_love-on-the-brain .rflex::after {
  content: "";
  display: block;
  width: calc(100% - var(--icon-size)*6);
  height: 1px;
  background: var(--borders);
}

#rr_love-on-the-brain .rflex img {
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: cover;
  border-radius: 5px;
  margin: 0 8px;
}

#rr_love-on-the-brain .rtxt {
  padding: 30px 60px 0;
  text-align: justify;
}

#rr_love-on-the-brain .rtxt p {
  margin-bottom: 1em; /* หรือค่าที่คุณต้องการ เช่น 15px */
  margin-top: 0;
}

#rr_love-on-the-brain .rtxt b {
  color: var(--accent);
}

#rr_love-on-the-brain a[href="https://is.gd/rossr"] {
  height: 12px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
}

#rr_love-on-the-brain:after {
  display: block;
  content: "「RR」";
  font: bold 7px/12px 'Arial';
  text-transform: uppercase;
  opacity: .7;
}

#rr_love-on-the-brain:hover::after {
  content: "「is.gd/rossr」";
}

#rr_love-on-the-brain .rwrapper {
  background: var(--bg-color);
  outline: 1px solid var(--borders);
  outline-offset: -20px;
  /* เพิ่ม display: flex; flex-direction: column; ตรงนี้ เพื่อให้ div ที่อยู่ติดกันไม่ถูกแบ่งด้วย padding */
  display: flex;
  flex-direction: column;
}

#rr_love-on-the-brain .rtxt {
  padding: 0 60px; /* ลบ padding-top และ padding-bottom ออก ให้เหลือแค่ซ้ายขวา */
  text-align: justify;
  /* ปรับ line-height ใหม่อีกครั้ง เพราะตอนนี้ไม่มี padding มาช่วยแยก */
  line-height: 1.5; /* หรือค่าที่คุณเห็นว่าเหมาะสม เช่น 1.6, 1.7 */
  margin-top: 0; /* ตรวจสอบให้แน่ใจว่าไม่มี margin-top เกินจำเป็น */
  margin-bottom: 0; /* ตรวจสอบให้แน่ใจว่าไม่มี margin-bottom เกินจำเป็น */
}

/* ถ้า div.rtxt มีข้อความเปล่าๆ แล้วต้องการให้มันสูงขึ้นหน่อย */
#rr_love-on-the-brain .rtxt:not(:empty) {
    padding-top: 10px; /* เพิ่ม padding ด้านบนเล็กน้อย เมื่อ div มีเนื้อหา */
    padding-bottom: 10px; /* เพิ่ม padding ด้านล่างเล็กน้อย เมื่อ div มีเนื้อหา */
}

/* ถ้าต้องการเว้นระยะระหว่าง div.rtxt ที่อยู่ติดกันเล็กน้อย */
#rr_love-on-the-brain .rtxt + .rtxt {
    margin-top: 5px; /* หรือค่าที่คุณต้องการ เช่น 10px */
}