@import url("https://fonts.cdnfonts.com/css/dm-sans");@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css");@import url("https://fonts.cdnfonts.com/css/fira-mono");:root{--main-theme-color:#20639B;--main-gray-color:#F8F8F8;--content-width:880px}.my-body{font-family:'DM Sans','Spoqa Han Sans',sans-serif}.footer{margin-top:50px;background-color:var(--main-gray-color);height:auto;display:flex;flex-direction:column;padding:20px 5px}.footer *{margin:5px auto;font-size:small;color:gray}.custom-container{width:100%;max-width:var(--content-width);margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px}.sidebar{margin-top:20px;background-color:var(--main-gray-color);padding:10px}@media(min-width:1080px){.sidebar{position:absolute;z-index:1;top:130px;width:200px;right:calc(50vw - var(--content-width) / 2 - 200px);min-width:100px}}button.btn-style1{background-color:var(--main-theme-color);color:white;height:36px;padding:0 24px;border-radius:18px;border-width:0;font-weight:normal}button.btn-style2{background-color:white;color:var(--main-theme-color);height:36px;border-width:0;border-radius:18px;font-weight:normal}h1#title{text-align:center;color:var(--main-theme-color);margin:20px 0 40px 0}.post-detail-header h1{font-size:calc(1.325rem + 0.9vw)}.post-detail-content blockquote{border-left:5px solid var(--main-theme-color);padding-left:10px}.post-detail-content a{color:var(--main-theme-color)}.post-detail-content .toc:before{content:"Table of Contents";margin-left:20px;font-size:large;font-weight:600}.post-detail-content .toc{border-left:2px solid gray}.post-detail-content .toc li{list-style:none;margin-left:-10px}.post-detail-content .toc li a{text-decoration:none;color:var(--main-theme-color)}.post-detail-content .katex{overflow-x:auto;overflow-y:hidden}.logout-button{background-color:inherit;color:gray;font-weight:normal;border:none}.post-card{width:100%}.post-card .post-title{margin:5px 0 0 0;font-weight:600}.post-card .post-date{font-size:small;color:#AAA;margin-bottom:5px}.post-card-image{width:100%;height:0;padding-top:60%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.post-card-image img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%)}.tag{font-size:smaller;color:#555;text-decoration:none;padding:2px 4px;border-radius:4px;background-color:var(--main-gray-color);margin-right:5px;white-space:nowrap}.tag:hover{background-color:#CCC}#main-profile{display:flex;flex-direction:row}#main-profile h2{font-weight:500}#main-profile-pic{width:100px;height:100px;min-width:100px;margin-right:10px}#main-profile-pic img{width:100%;height:100%;border-radius:50%}#main-profile #main-short-desc{color:#888}#main-profile #main-short-intro{color:#888}#main-profile #main-social-icons{display:flex;flex-direction:row;gap:5px}#main-profile #main-social-icons .social-icon{width:32px;height:32px;padding:6px;background-color:var(--main-gray-color);border:none;border-radius:50%;overflow:hidden}#main-profile #main-social-icons .social-icon:hover{background-color:#CCC;cursor:pointer}#main-profile #main-social-icons .social-icon img{display:block;top:0;width:20px;height:20px;border-radius:0}#main-intro{font-weight:400;font-size:13pt;line-height:25px}#main-intro a{text-decoration:none;color:var(--main-theme-color)}#main-intro a:hover{text-decoration:underline}@media(min-width:768px){#main-recent-posts{display:grid;grid-template-columns:50% 50%;grid-column-gap:20px}}#main-recent-posts .post-card{margin-bottom:20px}#more-posts-link{color:var(--main-theme-color);text-decoration:none;display:block;text-align:right}#main-news{margin-top:12px}#main-news .news-date{color:var(--main-theme-color)}#main-news .news-entry p{margin-block-end:4pt}.about-content h2{font-size:33px;text-align:center;margin:30px 0;font-weight:lighter}.about-content hr{margin:20px 0}.about-content h3{font-size:larger;margin:10px 0 0 0}.about-content h4{font-size:large;margin:5px 0 0 0}.about-content a{text-decoration:none;color:inherit}.about-content a:hover{text-decoration:underline}.about-content ul{padding:0;list-style:none;list-style-position:initial;color:#555}.about-content ul.item-list{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:8px;gap:8px 4px}.about-content ul.item-list li{padding:0px 12px;height:28px;line-height:28px;color:#555;background-color:var(--main-gray-color);border-radius:16px}.about-content li{list-style:none;list-style-position:initial}.about-content ul p{margin:0;font-size:medium}.about-content ul strong{color:black}.about-content p.time{margin:0;font-size:small;font-weight:100}.about-content hr{border:1px dashed gray}#posts{margin-top:30px;min-height:50vh}.post-title{color:black;font-size:larger;margin-top:5px;text-decoration:none}.post-title:hover{text-decoration:underline}#posts hr{margin:20px 0}.tags{list-style-type:none;padding-left:0;font-size:11pt;line-height:22px;height:360px;overflow-y:auto}.tags .sidebar-tag{text-indent:none;text-decoration:none;color:black}.tags .sidebar-tag-count{text-decoration:none;color:#888;font-size:smaller}.sidebar #search-form{margin:10px 0;max-height:24px;display:grid;grid-template-columns:calc(100% - 32px) 32px}.sidebar #search-form input{padding:4px 5px;border-radius:0;border:none}.sidebar #search-form button{padding:0;color:white;background-color:var(--main-theme-color);border:none;border-radius:0}.sidebar #search-form button img{width:16px;height:16px;margin:auto;-webkit-filter:invert(100%);filter:invert(100%)}#match-count{font-size:large;color:gray}.post-detail-header{margin-bottom:20px}.post-time{font-size:small;color:#AAA;margin-top:0px;margin-bottom:5px}.post-detail-header .tag{margin-top:0}.post-detail-header .delete-post{color:gray;background-color:inherit;font-weight:normal;margin-left:auto;text-decoration:none;border:none}.post-detail-header .delete-post:hover{text-decoration:underline}@media (max-width:768px){.post-detail-content img{width:100%}}@media (min-width:768px){.post-detail-content img{display:block;max-width:90%;max-height:400px;margin:0 auto}}.post-detail-content pre{background-color:var(--main-gray-color);padding:10px}.post-detail-content code{padding:0px;border-radius:2px;background-color:var(--main-gray-color);font-family:'Fira Mono','Courier New',monospace;color:black}.post-detail-content p{line-height:170%}.post-detail blockquote{border-left:5px var(--main-theme-color) solid}#editor #PostForm input,textarea{width:100%;margin:0;padding:0;border:1px solid #AAA;border-radius:2px}#editor #PostForm #id_title{border:none;margin:0 10px;height:40px;padding-left:5px;font-size:x-large;font-weight:bold}#editor #PostForm #id_content{height:50vh}.paginator{list-style-type:none;display:flex;flex-direction:row;margin:10px 0 20px}.paginator .paginator-item{width:32px;height:32px;border-radius:16px;line-height:32px;text-align:center;color:var(--main-theme-color);border-width:0}.paginator .paginator-item.active{background-color:var(--main-theme-color);color:white}.guestbook-input-form{height:40px;padding-left:5px;font-weight:bold}.guestbook-input-form textarea,.guestbook-input-form input{border:1px solid black;border-radius:2px;padding:2px;margin:4px 0}pre{line-height:125%}td.linenos .normal{color:inherit;background-color:transparent;padding-left:5px;padding-right:5px}span.linenos{color:inherit;background-color:transparent;padding-left:5px;padding-right:5px}td.linenos .special{color:#000000;background-color:#ffffc0;padding-left:5px;padding-right:5px}span.linenos.special{color:#000000;background-color:#ffffc0;padding-left:5px;padding-right:5px}.codehilite .hll{background-color:#ffffcc}.codehilite{background:#ffffff}.codehilite .c{color:#888888}.codehilite .err{color:#FF0000;background-color:#FFAAAA}.codehilite .k{color:#008800;font-weight:500}.codehilite .o{color:#333333}.codehilite .ch{color:#888888}.codehilite .cm{color:#888888}.codehilite .cp{color:#557799}.codehilite .cpf{color:#888888}.codehilite .c1{color:#888888}.codehilite .cs{color:#cc0000;font-weight:500}.codehilite .gd{color:#A00000}.codehilite .ge{font-style:italic}.codehilite .ges{font-weight:500;font-style:italic}.codehilite .gr{color:#FF0000}.codehilite .gh{color:#000080;font-weight:500}.codehilite .gi{color:#00A000}.codehilite .go{color:#888888}.codehilite .gp{color:#c65d09;font-weight:500}.codehilite .gs{font-weight:500}.codehilite .gu{color:#800080;font-weight:500}.codehilite .gt{color:#0044DD}.codehilite .kc{color:#008800;font-weight:500}.codehilite .kd{color:#008800;font-weight:500}.codehilite .kn{color:#008800;font-weight:500}.codehilite .kp{color:#003388;font-weight:500}.codehilite .kr{color:#008800;font-weight:500}.codehilite .kt{color:#333399;font-weight:500}.codehilite .m{color:#6600EE;font-weight:500}.codehilite .s{background-color:#fff0f0}.codehilite .na{color:#0000CC}.codehilite .nb{color:#007020}.codehilite .nc{color:#BB0066;font-weight:500}.codehilite .no{color:#003366;font-weight:500}.codehilite .nd{color:#555555;font-weight:500}.codehilite .ni{color:#880000;font-weight:500}.codehilite .ne{color:#FF0000;font-weight:500}.codehilite .nf{color:#0066BB;font-weight:500}.codehilite .nl{color:#997700;font-weight:500}.codehilite .nn{color:#0e84b5;font-weight:500}.codehilite .nt{color:#007700}.codehilite .nv{color:#996633}.codehilite .ow{color:#000000;font-weight:500}.codehilite .w{color:#bbbbbb}.codehilite .mb{color:#6600EE;font-weight:500}.codehilite .mf{color:#6600EE;font-weight:500}.codehilite .mh{color:#005588;font-weight:500}.codehilite .mi{color:#0000DD;font-weight:500}.codehilite .mo{color:#4400EE;font-weight:500}.codehilite .sa{background-color:#fff0f0}.codehilite .sb{background-color:#fff0f0}.codehilite .sc{color:#0044DD}.codehilite .dl{background-color:#fff0f0}.codehilite .sd{color:#DD4422}.codehilite .s2{background-color:#fff0f0}.codehilite .se{color:#666666;font-weight:500;background-color:#fff0f0}.codehilite .sh{background-color:#fff0f0}.codehilite .si{background-color:#eeeeee}.codehilite .sx{color:#DD2200;background-color:#fff0f0}.codehilite .sr{color:#000000;background-color:#fff0ff}.codehilite .s1{background-color:#fff0f0}.codehilite .ss{color:#AA6600}.codehilite .bp{color:#007020}.codehilite .fm{color:#0066BB;font-weight:500}.codehilite .vc{color:#336699}.codehilite .vg{color:#dd7700;font-weight:500}.codehilite .vi{color:#3333BB}.codehilite .vm{color:#996633}.codehilite .il{color:#0000DD;font-weight:500}