@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";.post-container{width:720px;margin:100px auto}.img-from{text-align:center;font-size:11px;margin-bottom:50px;color:#c1c3c7}blockquote{border-left:3px solid #2d2d2d;padding-left:15px;margin-left:0}.preface{width:95%;margin:0 auto;padding-bottom:45px;border-bottom:2px solid #2d2d2d}.preface .title{font-weight:800;color:#dee1ec;font-size:2.25em}.preface .post-items{font-size:14px;color:#a3a3a3;display:flex;align-items:center;margin-top:5px}.preface .post-items .author img{border-radius:999px;display:block;margin:auto}.preface .post-items span{margin-left:5px}.preface .post-items .border{margin:0 5px}.preface .name{margin-left:5px;font-weight:500}.preface .date{font-weight:500}.preface .tags{margin-top:20px;font-weight:400;font-size:.975rem}.preface .tags a{text-decoration:none}.preface .tags a+a{padding-left:10px}.posttag{background-color:#252729;color:#98b1d6;margin:0 5px;padding:3px 7px!important;border-radius:5px;font-size:14px}.posttag:hover{color:#7a93b8}.post-layer{display:flex}.post{line-height:200%;color:#dee1ec;width:95%;margin:10px auto;position:relative}.post img{height:auto}.post ul{padding-left:25px}.post p{line-height:28px}.post a{text-decoration:none;color:#539bf5}.post a:hover{text-decoration:underline;color:#4085da}.post img{margin:50px auto 0;display:block;max-height:450px;text-align:center;border-radius:6px;width:100%}.post h2 a,.post h3 a,.post h4 a{margin-left:-.9em;padding-right:5px;color:#1a1920;font-weight:500;font-size:1.55rem}.post h2:hover a,.post h3:hover a,.post h4:hover a{color:#6b68ff}.post h2{font-size:1.975rem}.post h2 a{color:#4085da}.post h3{font-size:1.55rem}.footer{margin-top:60px;margin-bottom:125px}.footer .edit{padding:20px 10px;border-top:2px solid #2d2d2d;border-bottom:2px solid #2d2d2d}.footer .edit a{color:#ced5da;font-size:.85rem;font-weight:500;text-decoration:none}.footer .back{float:right;margin-top:25px}.footer .back a{font-weight:600;text-decoration:none;color:#539bf5}.footer .back a:hover{color:#4085da}.other-posts{margin-top:50px;width:100%;padding:10px 20px;border:1px solid #3f3f3f;border-radius:10px}.other-posts h4{margin:0}.other-posts .other-posts-container{margin-top:5px}.other-posts .other-post{line-height:150%}.other-posts .other-post a{font-weight:500;font-size:14px;color:#ced5da}.other-posts .other-post a.active{color:#4c9fe2}.other-posts .other-post a:hover{text-decoration:none}.other-posts .other-post a.active:hover{color:#317acc}.other-posts .other-post a:not(.active):hover{color:#dee1ec}@media screen and (max-width: 1200px){nav{display:none}}nav{padding-left:15px;position:fixed}nav ul{padding-left:0;list-style-type:none;margin-top:5px}nav li{transition:all ease .25s 0s;border-left:1px solid #3f3f3f;padding:2px 10px;font-size:13px}nav .no-a{font-size:13px;font-weight:500}nav a{transition:all ease .25s 0s;color:#6e6e6e;text-decoration:none}nav li.active{border-left:1px solid #539bf5}nav li.active>a{color:#539bf5}nav li>a:hover{color:#ced5da}.post-id{margin-top:75px;margin-bottom:50px;text-align:center}.post-id a{padding:2px;width:35px;height:35px}.post-id a button{width:35px;height:35px;border:none;color:#4c9fe2;transition:all ease .25s 0s;background-color:#1a1920;border-radius:7px;cursor:pointer}.post-id a button.active{text-decoration:underline;color:#4085da}.post-id a button:hover{background-color:#2a2a2a}.posts{max-width:1200px;margin:100px auto}.post-list{display:flex;flex-wrap:wrap}.post-card{width:30%;height:255px;margin:20px 10px;transition:all ease .1s 0s}.post-button{display:block;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;background-color:#1a1920;text-align:left;padding:0;margin:0;width:100%;height:100%;cursor:pointer;position:relative}.post-button img{top:0;width:100%;border-radius:10px;object-fit:cover;opacity:.8;transition:all ease .3s 0s}.post-button img:hover{opacity:1}.post-button .post-button-detail{padding:5px}.post-button .post-button-tags{width:100%}.post-button .post-button-tags a{color:#4c9fe2;text-decoration:none;font-weight:500;font-size:.796rem;padding:5px 4px}.post-button .post-button-tags .tags{margin:8px 5px}.post-button h3{padding:5px;font-size:.85rem;font-weight:500;margin:0}.post-button .post-detail{padding:0 5px;color:#a3a3a3;font-size:.8rem;font-weight:600}.post-button .post-detail a{color:#539bf5;text-decoration:none}.post-button .post-detail a+a{padding-left:10px}.post-button .post-detail .tags{padding-top:5px;font-size:.875rem;font-weight:600}.post-card:hover{transform:translateY(-2px)}.post-card-big{width:100%;margin:70px 10px;transition:all ease .1s 0s}.post-card-big img{top:0;width:60%;margin-right:25px;border-radius:18px;object-fit:cover}.post-card-big button{display:block;position:relative}.post-card-big .post-button{display:flex}.post-card-big .post-button-tags a{font-size:.796rem}.post-card-big h3{padding-top:50px;font-size:1.65rem;font-weight:700}.post-card-big .post-detail{font-size:1rem}.post-card-big .tags a{font-size:.925rem}.post-card-big:hover{transform:translateY(-2px)}.repos{display:flex;flex-wrap:wrap;margin-top:50px}.repo{width:27%;max-width:30%;margin:20px 10px;word-wrap:break-word;transition:all ease .1s 0s;border:1px solid #363636;border-radius:7px;padding:21px 15px;box-shadow:#2223 0 2px 8px}.repo h3{margin:0;font-size:16px}.repo h3 a{color:#dee1ec;font-weight:500;text-decoration:none}.repo h3 a:hover{text-decoration:underline}.repo p{font-size:14px;color:#b2bbc2}.repo .info{margin-top:5px;display:flex;color:#dee1ec;margin-right:5px;font-size:12px}.repo .info .star{padding-right:7px;display:flex}.repo .info .star i{position:absolute;color:#b2bbc2;margin-top:1px}.repo .info .star p{font-size:12px;margin:0;padding-left:15px}.language-typescript{color:#5a9cf3}.language-javascript{color:#cab330}.language-svelte,.language-html{color:#f36262}.hello{max-height:255px;margin:20px 10px;transition:all ease .1s 0s;border-radius:10px;border:1px solid #2a2a2a;padding:25px 30px}.hello .title{font-size:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@font-face{font-family:TheJamsil5Bold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2) format("woff2");font-weight:700;font-style:normal}.title{font-family:Inter,TheJamsil5Bold,sans-serif}html,body{margin:0;font-weight:400;font-family:Inter,Noto Sans KR,sans-serif;scroll-behavior:smooth;background-color:#1a1920;letter-spacing:-.5;color:#dee1ec;font-size:16px}html,body,button{font-weight:400;font-family:Inter,Noto Sans KR,sans-serif}button{font-size:1rem}.root{width:75%;margin:0 auto;transition:all ease .25s 0s}.header{width:75%}@media (max-width: 1024px){.root,.header{width:85%}.posts{display:block;width:100%}.posts .post-card,.posts .hello{width:340px;margin:0 auto 50px}.post-container{width:100%}}.header-container{border-bottom:1px solid #1a1920}.header-container.fixed{position:fixed;display:absolute;top:0;width:100%;background:#1a192093;transition:all ease .25s 0s;z-index:100}@keyframes reveal{to{transform:translateY(0)}}.scrolled{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #2a2a2a!important}.header{margin:15px auto;display:flex;justify-content:space-between}.header a{color:#dee1ec;text-decoration:none}.header .name{font-weight:700;font-size:1.15em}.header .name a{color:#4c9fe2}.header .items{font-size:.95em;padding-top:5px;font-weight:500}.header .items i{color:#c5d1ff;margin-left:15px;font-size:1.05rem;transition:all ease .25s 0s}.header .items i:hover{color:#4c9fe2;cursor:pointer}.tag-items{display:flex}.tag-list{max-width:60%;height:auto;margin:50px auto}.tag-list h2{text-align:center}.tag-list .tag-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.tag-list .tag-item{text-decoration:none;padding:5px}.tag-list .tag-item .tag-count{color:#a3a3a3;font-size:.75rem}.tag-list .tag-item a{text-decoration:none}.directory{margin-top:100px;font-size:1.25rem;font-weight:600;color:#a3a3a3}.directory strong{color:#c1c3c7;padding-left:3px;font-size:1.45rem}div[data-rehype-pretty-code-fragment]{margin:30px 0}div[data-rehype-pretty-code-title]{border-radius:8px 8px 0 0;background-color:#252525;color:#727272;font-size:.775rem;padding:.25em 1rem .1rem;border-bottom:1px solid #161616}div[data-rehype-pretty-code-title] i{font-size:.75rem;margin-right:5px}div[data-rehype-pretty-code-title] button{float:right;background-color:inherit;margin-top:6px;border:none;color:#a8a8a8;font-size:.75rem}div[data-rehype-pretty-code-title] button i{font-size:1rem}div[data-rehype-pretty-code-title] button:hover{border-radius:5px}.code-block{border-radius:0 0 8px 8px;display:block;overflow-x:auto;line-height:1.15rem}.code-block pre{background-color:#303030af;margin:0;padding:.85em 1.05rem;overflow:auto;max-height:524px}.code-block code{counter-reset:line}.code-block code span[data-highlighted-line]{background-color:#f3f3f3}.code-block code>[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:1rem;margin-right:1.25rem;text-align:right;color:#9b9b9b}:not(pre)>code{margin:2px;padding:3px 7px;color:#c3c9fce0;background-color:#333333dc;letter-spacing:normal;border-radius:6px}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;border-radius:2px}.no-a{color:inherit;text-decoration:none}.animation,a,.animation:hover,a:hover{transition:all ease .25s 0s}h2{font-size:1.85em;margin:1.75em 0 .6em}h3{font-size:1.65em;margin:1.75em 0 .6em}a{color:#539bf5}a:hover{color:#4085da}.about{width:50%;margin:75px auto;text-align:center}.about img{border-radius:999px}table{width:100%;border:1px solid #2d2d2d;border-collapse:collapse}th,td{border:1px solid #2d2d2d;padding:3px 10px}