@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2)}*{font-family:Pretendard Variable,Pretendard,-apple-system,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}#root{width:100%;font-size:16px}html{width:100%;height:100%}body{transition:.3s ease;margin:0;display:flex;width:100%;height:100%}code{-webkit-user-select:none;user-select:none;display:inline-block;font-family:Courier New,monospace;font-size:1rem;font-weight:600;background-color:#eee;color:#dc143c;padding:.2rem .4rem;border-radius:.2rem;border:1px solid #bbbbbb}main{width:100%;margin:0}main .main-content{height:fit-content;margin:0 auto;justify-content:center;max-width:1280px;padding:100px 1rem 0}@media (max-width: 768px){main .main-content{font-size:.9rem;padding-top:64px}}button{all:unset;-webkit-user-select:none;user-select:none;padding:0 1rem;height:2rem;border-radius:1rem;background-color:#fff}.header{position:fixed;display:flex;justify-content:center;top:0;width:100%;height:100px;background-color:#fff;opacity:95%;z-index:100;transition:all .3s ease,transform .1s ease}.header.hide{transform:translateY(-100%)}@media (max-width: 768px){.header{height:64px}}.header .inner{max-width:1280px;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.header .inner .logo-container{width:16rem}@media (max-width: 768px){.header .inner .logo-container{width:12rem}}.header .inner .nav{display:flex;gap:1rem}.header .inner .nav a{color:var(--base-color);font-weight:700;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s}.header .inner .nav a:hover,.header .inner .nav a.current{color:var(--accent-color-1);border-bottom:2px solid var(--accent-color-1)}@media (max-width: 768px){.header .inner .nav a{color:var(--accent-color-2);font-size:2rem}.header .inner .nav a:hover,.header .inner .nav a.current{color:var(--accent-color-2)}}@media (max-width: 768px){.header .inner .nav{background-color:var(--accent-color-1);position:fixed;top:64px;left:0;right:0;bottom:0;padding:1rem;flex-direction:column;display:none;height:100%}.header .inner .nav.open{display:flex}}.menu-button{all:unset;display:none;background-color:red}@media (max-width: 768px){.menu-button{display:flex;flex-direction:column;justify-content:center;gap:.4rem;align-items:center;cursor:pointer;height:50%;aspect-ratio:1/1;transition:.3s ease}.menu-button:hover{gap:.5rem}.menu-button .bar{height:3px;border-radius:1.5px;width:100%;transition:.3s ease;transform-origin:center}.menu-button.open:hover{gap:.4rem}.menu-button.open .bar:nth-child(1){width:141%;transform:rotate(45deg) translate(15%,215%)}.menu-button.open .bar:nth-child(2){width:0;opacity:0}.menu-button.open .bar:nth-child(3){width:141%;transform:rotate(-45deg) translate(15%,-215%)}}.about-page h1{font-size:3rem}.about-page p{font-size:1.5rem}.projects-page{padding-top:3rem;display:flex;flex-wrap:wrap}@media (max-width: 768px){.projects-page{flex-direction:column}}.project-card{width:calc(33% - .8rem);margin:.4rem;height:540px;display:flex;flex-direction:column}.project-card img{cursor:pointer;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}.project-card .img-blank{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;cursor:pointer;background-color:var(--accent-color);color:#000;font-size:1.6rem;font-weight:700;-webkit-user-select:none;user-select:none}.project-card .card-title{cursor:pointer;transition:color .3s ease;width:fit-content;padding:.8rem 0 .4rem;font-size:1.2rem;font-weight:700}.project-card .card-title:hover{color:var(--accent-color)}.project-card .card-tags-container{font-size:.8rem;margin-bottom:.8rem}.project-card .card-tags-container .card-tag{display:inline-block}.project-card p{padding:.2rem 0;margin:0}.project-card p .more-button{white-space:nowrap;cursor:pointer;margin-left:.5rem;border-bottom:1px solid var(--base-color);transition:all .3s ease}.project-card p .more-button:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}@media (max-width: 768px){.project-card{width:100%;height:auto;margin:0 0 4rem}}@keyframes loading{0%{background-color:#777;opacity:20%}50%{background-color:#ddd;opacity:20%}to{background-color:#777;opacity:20%}}.loading{width:100%;height:auto;animation:loading 1s ease infinite;-webkit-animation:loading 1s ease infinite;-moz-animation:loading 1s ease infinite;-o-animation:loading 1s ease infinite}.loading-page{padding-top:2rem;width:100%;display:flex;flex-direction:column;gap:2rem}.loading-page .image{border-radius:.8rem;width:100%;aspect-ratio:16/9}.loading-page .image.round{flex-shrink:0;width:256px;height:256px;border-radius:50%}@media (max-width: 768px){.loading-page .image.round{display:none}}.loading-page .paragraph-container{display:flex;justify-content:space-between}.loading-page .paragraph-container .paragraph{display:flex;flex-direction:column;gap:1rem;width:100%}.loading-page .paragraph-container .paragraph .title{height:3rem;border-radius:1.5rem;margin-bottom:.8rem}.loading-page .paragraph-container .paragraph .text{height:1rem;border-radius:.5rem}.project-detail-renderer{width:100%}.project-detail-renderer h1,.project-detail-renderer h2,.project-detail-renderer h3,.project-detail-renderer h4,.project-detail-renderer h5,.project-detail-renderer h6{margin-bottom:1em}.project-detail-renderer h1{font-size:3.5em;font-weight:700}.project-detail-renderer h2{font-size:2.8em;font-weight:600}.project-detail-renderer h3{font-size:2.2em;font-weight:500}.project-detail-renderer p{margin-bottom:1.5em;font-size:1.1em}.project-detail-renderer figure{margin:3em 0;text-align:center}.project-detail-renderer figure img,.project-detail-renderer figure iframe{max-width:100%;height:auto;display:block;margin:0 auto}.project-detail-renderer figure figcaption{font-size:1em;color:#777;margin-top:1em;font-style:italic}.project-detail-renderer ul,.project-detail-renderer ol{margin-bottom:1.5em;padding-left:30px}.project-detail-renderer ul li,.project-detail-renderer ol li{margin-bottom:.8em;font-size:1.1em}.project-detail-renderer a{color:#64ff00;text-decoration:none;transition:color .3s ease}.project-detail-renderer a:hover{color:#d00;text-decoration:underline}@media (max-width: 768px){.project-detail-renderer{padding:20px}.project-detail-renderer h1{font-size:2.5em}.project-detail-renderer h2{font-size:2em}.project-detail-renderer h3{font-size:1.8em}.project-detail-renderer p,.project-detail-renderer ul li,.project-detail-renderer ol li{font-size:1em}.project-detail-renderer figure{margin:2em 0}.project-detail-renderer .role-block{padding:20px;margin:2em 0}}.flex-column{display:flex;flex-direction:column;gap:1rem}.flex-row{display:flex;flex-direction:row;gap:1rem}.error-page{display:flex;justify-content:center;align-items:center;height:calc(100vh - 100px)}.error-page .error-msg-container{gap:.4rem;display:flex;flex-direction:column;align-items:center}.error-page .error-msg-container h1,.error-page .error-msg-container p{margin:0}.error-page .error-msg-container h1{-webkit-user-select:none;user-select:none;font-size:6rem}.error-page .error-msg-container p{font-size:1.2rem;font-weight:600}.language-selector{position:fixed;bottom:32px;right:32px;z-index:999}