/* css styles */
/* @import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Muli&family=Fira+Code&family=JetBrains+Mono&family=Sometype+Mono:ital,wght@0,400;0,500;1,400&display=swap'); */

/* body { */
  /* font-family: 'Muli', sans-serif; */
  /* color: rgba(0, 0, 0, 0.348); */
  /* font-weight: 400; */
  /* line-height: 1.8; */
  /* letter-spacing: -.003em; */
  /* font-size: 15px; */
  /* padding: 10px; */
/* } */

/* https://www.w3docs.com/snippets/css/how-to-import-google-fonts-in-css-file.html */


/* 
  <br> 태그 자체에는 line-height 속성이 적용되지 않습니다.
  줄바꿈의 간격(높이)을 조정하려면 <br> 대신 margin 또는 padding을 사용하거나,
  <br> 대신 block 요소(예: <div> 또는 <p>)에 line-height, margin, padding을 적용하세요.

  예시1: 전체 줄 간격 조정
  body {
    line-height: 2;
  }

  예시2: <br> 대신 클래스 활용
  .spacer {
    display: block;
    height: 2em;
    content: "";
  }
  // HTML에서 <span class="spacer"></span> 또는 <div class="spacer"></div> 사용

  예시3: <br> 여러 개 사용 대신
  .big-gap {
    margin-bottom: 2em;
  }
  // HTML에서 <div class="big-gap"></div> 사용
*/

.spacer {
  display: block;
  height: 1rem;
  content: "";
}

h2 {
  font-size: 1.15rem !important;
}

/* margin: on this page */
.sidebar nav[role=doc-toc]>h2, .sidebar nav[role=doc-toc]>.h2 {
  font-size: 0.8rem !important;  /* 원하는 크기로 변경 */
}

/* 
.sidebar nav[role=doc-toc]>h2::before, 
.sidebar nav[role=doc-toc]>.h2::before {
    content: "📚 ";
    margin-right: 5px;
}
*/

/* margin: categories */
#quarto-margin-sidebar .quarto-listing-category-title {
  font-size: 0.9rem;
  /* color: #d5b501; */
}

#quarto-margin-sidebar .quarto-listing-category-title::before {
  font-family: "bootstrap-icons";
  content: "\F54A";
  margin-right: 8px;
  font-style: normal; /* 아이콘이 기울어지지 않도록 설정 */
}