@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap&family=Noto+Serif+KR:200,300,500');

:root {
  --body-font-size: 16px;
  --blockquote-color: inherit;
  --tinylist-font-size: 12px;
  --summary-font-size: 16px;
  --article-font-size: 16px;
  --article-font-weight: 400;
  --bold-font-weight: 600;
  --footer-font-size: 14px;
  --sans-serif: 'Inter', sans-serif;
  --serif: 'Noto Serif KR', serif;
}

@media screen and (max-width: 36em) {
  :root {
    --body-font-size: 16px;
    --tinylist-font-size: 14px;
    --summary-font-size: 16px;
    --article-font-size: 16px;
    --article-font-weight: 400;
    --footer-font-size: 14px;
  }
}

a.internal-link.is-unresolved,
a.internal-link.is-unresolved:hover {
  color: inherit !important;
  cursor: default !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

.markdown-rendered blockquote {
  color: inherit;
}

.site-footer a {
  display: none;
}


/*
  Typeset.css
  https://github.com/joshuarudd/typeset.css
  v2.0
  Last updated: 2019-04-30
  Author: Joshua Rudd - https://joshuarudd.com
  Twitter: @joshuarudd
*/

.publish-renderer {
    --background-color: #F3F6FA;
    --border-color: #DBE2F2;
    --color: #324354;
    --blockquote-color: rgba(0,0,0,.2);
    --mark-color: rgba(0, 140, 255, 0.1);
    line-height: 1.0;
    text-rendering: optimizeLegibility;
  }
  
  /*
    Reset .publish-renderer element styles to avoid unwanted inheritance
  */
  
  /* Adapted from http://paulirish.com/2012/box-sizing-border-box-ftw/ */
  .publish-renderer * {
    box-sizing: border-box;
  }
  
  /* Adapted from Eric Meyer's CSS Reset: http://meyerweb.com/eric/tools/css/reset/ */
  .publish-renderer a, .publish-renderer abbr, .publish-renderer acronym, .publish-renderer address, .publish-renderer b, .publish-renderer big, .publish-renderer cite, .publish-renderer code, .publish-renderer del, .publish-renderer em, .publish-renderer i, .publish-renderer ins, .publish-renderer kbd, .publish-renderer mark, .publish-renderer output, .publish-renderer q, .publish-renderer ruby, .publish-renderer s, .publish-renderer samp, .publish-renderer small, .publish-renderer strike, .publish-renderer strong, .publish-renderer sub, .publish-renderer sup, .publish-renderer time, .publish-renderer tt, .publish-renderer u, .publish-renderer var,
  .publish-renderer dfn, .publish-renderer dl, .publish-renderer dt, .publish-renderer dd, .publish-renderer ol, .publish-renderer ul, .publish-renderer li,
  .publish-renderer blockquote, .publish-renderer h1, .publish-renderer h2, .publish-renderer h3, .publish-renderer h4, .publish-renderer h5, .publish-renderer h6, .publish-renderer p, .publish-renderer pre,
  .publish-renderer table, .publish-renderer caption, .publish-renderer tbody, .publish-renderer tfoot, .publish-renderer thead, .publish-renderer tr, .publish-renderer th, .publish-renderer td,
  .publish-renderer applet, .publish-renderer canvas, .publish-renderer embed, .publish-renderer figure, .publish-renderer figcaption, .publish-renderer iframe, .publish-renderer img, .publish-renderer object {
    background: transparent;
    border: 0;
    font-size: 100%;
    font: inherit;
    line-height: 1.0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }
  
  /*
    Baseline grid (for debugging baseline grid)
  */
  
  .publish-renderer.publish-renderer-baseline {
    background-image: linear-gradient(to bottom, magenta 0, rgba(255, 255, 255, 0) 1px);
    background-repeat: repeat-y;
    background-size: 100% 1.5em;
  }
  
  /*
    Initialize spacing and colors
  */
  
  .publish-renderer li, .publish-renderer dt, .publish-renderer dd, .publish-renderer p, .publish-renderer pre, .publish-renderer caption, .publish-renderer th, .publish-renderer td, .publish-renderer figcaption {
    line-height: 1.5;
  }
  .publish-renderer blockquote, .publish-renderer caption, .publish-renderer dl, .publish-renderer dd, /*.publish-renderer div,*/ .publish-renderer figcaption, .publish-renderer figure, .publish-renderer h1, .publish-renderer h2, .publish-renderer h3, .publish-renderer h4, .publish-renderer h5, .publish-renderer h6, .publish-renderer p, .publish-renderer pre, .publish-renderer table, .publish-renderer ol, .publish-renderer ul {
    margin: 0 0 1.5em 0;
  }
  .publish-renderer blockquote, .publish-renderer ol, .publish-renderer ul {
    margin-left: 2.5em;
  }
  .publish-renderer code, .publish-renderer pre, .publish-renderer th {
    background-color: #F3F6FA;
    background-color: var(--background-color);
  }
  .publish-renderer code, .publish-renderer pre, .publish-renderer th, .publish-renderer td {
    color: #324354;
    color: var(--color);
  }
  .publish-renderer pre, .publish-renderer table, .publish-renderer th, .publish-renderer td {
    border: 1px solid #DBE2F2;
    border-color: var(--border-color);
  }
  
  /*
    Inline elements
  */
  
  .publish-renderer a {
    text-decoration: underline;
  }
  .publish-renderer strong, .publish-renderer b {
    font-weight: var(--bold-font-weight);
  }
  .publish-renderer u, .publish-renderer em, .publish-renderer i {
    font-style: italic;
    text-decoration: none;
  }
  .publish-renderer abbr[title] {
    border-bottom: 1px dotted gray;
  }
  .publish-renderer address {
    /* no style */
  }
  .publish-renderer cite {
    font-style: italic;
  }
  .publish-renderer code {
    /* background-color set above */
    /* color set above */
    font-family: monospace;
    padding: 0.1em 0.2em;
  }
  .publish-renderer dfn {
    /* no style */
  }
  .publish-renderer del {
    color: red;
    text-decoration: line-through;
  }
  .publish-renderer ins {
    color: green;
    text-decoration: none;
  }
  .publish-renderer kbd {
    font-family: monospace;
  }
  .publish-renderer mark {
    background-color: rgba(0, 140, 255, 0.1);
    background-color: var(--mark-color);
    color: black;
  }
  .publish-renderer samp {
    font-family: monospace;
  }
  .publish-renderer small {
    color: gray;
    font-size: .75em;
  }
  .publish-renderer s {
    text-decoration: line-through;
  }
  .publish-renderer sub {
    font-size: 80%;
    vertical-align: sub;
  }
  .publish-renderer sup {
    font-size: .75em;
    vertical-align: super;
  }
  .publish-renderer var {
    font-style: italic;
  }
  
  /*
    Lists
  */
  
  .publish-renderer ol, .publish-renderer ul {
    /* margin set above */
  }
  .publish-renderer ol ol, .publish-renderer ul ul, .publish-renderer ol ul, .publish-renderer ul ol {
    margin-top: 0;
    margin-bottom: 0;
  }
  .publish-renderer ol {
    list-style: decimal;
  }
  .publish-renderer ol ol {
    list-style: lower-alpha;
  }
  .publish-renderer ol ol ol {
    list-style: lower-roman;
  }
  .publish-renderer ol ol ol ol {
    list-style: decimal;
  }
  .publish-renderer ul {
    list-style: default;
  }
  .publish-renderer li {
    /* line-height set above */
  }
  .publish-renderer dl {
    /* margin set above */
  }
  .publish-renderer dt {
    font-weight: var(--bold-font-weight);
    /* line-height set above */
  }
  .publish-renderer dd {
    /* line-height set above */
    margin-top: 0;
  }
  
  /*
    Block-level elements
  */
  
  .publish-renderer h1, .publish-renderer h2, .publish-renderer h3, .publish-renderer h4, .publish-renderer h5, .publish-renderer h6 {
    font-weight: var(--bold-font-weight);
  }
  .publish-renderer h1 {
    font-size: 2em;
    line-height: 1.5;
    margin: 2.25em 0 .75em 0;
  }
  .publish-renderer h2 {
    font-size: 1.5em;
    line-height: 2;
    margin: 2em 0 1em 0;
  }
  .publish-renderer h3 {
    font-size: 1.25em;
    line-height: 2.4;
    margin: 1.2em 0 0 0;
  }
  .publish-renderer h4 {
    font-size: 1em;
    line-height: 1.5;
    margin: 1.5em 0 0 0;
  }
  .publish-renderer h5 {
    font-size: .75em;
    line-height: 2;
    margin: 2em 0 0 0;
  }
  .publish-renderer h6 {
    font-size: .75em;
    font-weight: inherit;
    line-height: 2;
    margin: 2em 0 0 0;
  }
  .publish-renderer p {
    /* line-height set above */
    /* margin set above */
  }
  .publish-renderer blockquote {
    border-left: .1em solid rgba(0,0,0,.2);
    border-left-color: var(--blockquote-color);
    margin-left: .1em;
    opacity: 1;
    padding-left: .8em;
  }
  .publish-renderer-wysiwyg blockquote {
    border-left: none;
    margin-left: 3em;
    opacity: 1;
  }
  .publish-renderer pre {
    /* background-color set above */
    border-radius: 2px;
    /* color set above */
    display: block;
    font-family: monospace;
    font-size: .75em;
    line-height: 2;
    margin: 0 0 2em 0;
    max-width: 100%;
    overflow: scroll;
    padding: calc(1em - 1px) 1.5em;
    white-space: pre-wrap;
  }
  
  /*
    Tables
  */
  
  .publish-renderer table {
    /* border set above */
    border-collapse: collapse;
    /* margin set above */
    table-layout: auto;
  }
  .publish-renderer caption {
    caption-side: top;
    font-weight: var(--bold-font-weight);
    /* line-height set above */
    /* margin set above */
    margin-top: 0;
    text-align: left;
  }
  .publish-renderer thead {
    /* no style */
  }
  .publish-renderer tbody {
    /* no style */
  }
  .publish-renderer tfoot {
    /* no style */
  }
  .publish-renderer th, .publish-renderer td {
    /* border set above */
    /* color set above */
    /* line-height set above */
    padding: calc(.75em - .5px);
    text-align: left;
  }
  .publish-renderer th {
    /* background-color set above */
    font-weight: normal;
  }
  .publish-renderer td {
    /* no style */
  }
  
  /*
    Media
  */
  
  .publish-renderer embed, .publish-renderer iframe, .publish-renderer img, .publish-renderer object {
    display: inline;
    max-width: 100%;
  }
  .publish-renderer figure {
    max-width: 100%;
    /* margin set above */
  }
  .publish-renderer figcaption {
    font-size: .75em;
    line-height: 2;
    /* margin set above */
    text-align: left;
  }

  a:link {
    /* color: rgba(29,34,36,1); */
    color: #3770BD;
    /* font-weight: bolder; */
  }
  a:visited {
    color: #55559E;
  }

  /* .markdown-preview-view .internal-link.is-unresolved {
    color: black;
    opacity: .6;
  } */



  /* Overrides */
  .publish-renderer h1 {
    /* font-size: 1.75em; */
    /* font-weight: 800; */
    /* margin: 0 0 .25em 0; */
    /* text-align: center; */
  }

  /* Article */

  .publish-renderer {
    font-size: var(--article-font-size);
    font-weight: var(--article-font-weight);
    margin: 0 auto;
  }
  
  section {
    margin-bottom: 3rem;
  }
  
  .publish-renderer {
    font-family: var(--sans-serif);
  }
  
  .publish-renderer h1, .publish-renderer h2, .publish-renderer h3, .publish-renderer h4, .publish-renderer h5, .publish-renderer h6 {
    font-family: var(--sans-serif);
  }
  
  .publish-renderer h2 {
    /* text-align: center; */
  }
  
  .publish-renderer table {
    /* font-family: var(--sans-serif); */
    font-size: 12px;
  }
  .publish-renderer table th {
    font-weight: 600;
  }
  .publish-renderer table ul {
    margin: 0 0 0 1.5em;
  }
  
  
  
  /* Figures */
  
  figure,
  .publish-renderer figure {
    font-family: var(--sans-serif);
    font-size: 12px;
    font-weight: 300;
    margin: 0 0 1.5em 0;
    padding: 0;
  }
  
    figure img,
    .publish-renderer figure img {
      display: block;
      height: auto;
      max-width: 100%;
    }
  
  figcaption,
  .publish-renderer figcaption {
    color: rgba(29,34,36,.7);
    font-size: 12px;
    font-weight: 400;
    margin-top: 1em;
    text-align: center;
  }




/* Obsidian overrides */
/* 
.page-header {
  font-size: 2em;
  line-height: 1.5;
  margin: 2.25em 0 .75em 0;
}

.site-footer {
    display: none;
}

.site-header {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 750px) {
  .site-header {
    padding-left: 10px;
    padding-right: 10px;
  }
  .site-header-text {
    margin-left: 0;
  }
}

.site-header-text {
    font-size: 16px;
}

.extra-title {
    font-family: Inter, sans-serif;
    padding-left: 8px;
}

.markdown-preview-view {
  font-size: var(--body-font-size);
  line-height: 1.5em;
  font-weight: var(--article-font-weight);
}

.published-container .markdown-preview-sizer {
    max-width: 640px;
    margin: 0 auto;
}

.publish-article-heading:hover .clickable-icon {
    display: inline;
    position: absolute;
}

.notice-container .notice {
    content: "hello world";
}



::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-bg);
}
::-webkit-scrollbar {
    background-color: var(--scrollbar-bg);
}
::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-active-thumb-bg);
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:active {
    -webkit-border-radius: 100px;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-bg);
} */