/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:LineSeed KR;font-style:normal;font-weight:400;src:url(../../static/media/LINESeedKR-Rg.3ba2e74d1b581a1d79c3.woff2) format("woff2"),url(../../static/media/LINESeedKR-Rg.aefe197e00153cd0acf0.woff) format("woff")}@font-face{font-family:LineSeed KR;font-style:normal;font-weight:700;src:url(../../static/media/LINESeedKR-Bd.4729562ef4f148c475dc.woff2) format("woff2"),url(../../static/media/LINESeedKR-Bd.924771ba9d7ac3f1a815.woff) format("woff")}@font-face{font-family:LineSeed KR;font-style:normal;font-weight:300;src:url(../../static/media/LINESeedKR-Th.0e9b92963de1cf3f0a36.woff2) format("woff2"),url(../../static/media/LINESeedKR-Th.419d2e852209e9681685.woff) format("woff")}:root{--fz-small:0.875rem;--fz-base:1rem;--fz-md:1.125rem;--fz-lg:1.375rem;--fz-xl:2.5rem;--color-white:#fff;--color-base:#333;--color-black:#000;--color-cyan:#2e5bff;--color-magenta:#ff3b30;--color-orange:#ff3e00;--color-yellow:#fc0;--color-card-bg:#fff;--gap-base:40px;--gap-large:120px;--box-width:calc(66.66667% - var(--gap-base)/2)}@media only screen and (max-width:767px){:root{--gap-base:20px;--gap-large:50px;--box-width:72.3vw;--fz-base:0.875rem;--fz-md:1rem;--fz-xl:1.5rem}}html{scroll-behavior:smooth}body{font-family:LineSeed KR,serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.4;margin:0;max-width:100%;overflow-x:hidden;word-break:keep-all}.App{background-color:#fff;background-color:var(--color-white);color:#333;color:var(--color-base);padding-bottom:calc(40px + env(safe-area-inset-bottom));padding-bottom:calc(var(--gap-base) + env(safe-area-inset-bottom));padding-left:calc(40px + env(safe-area-inset-left));padding-left:calc(var(--gap-base) + env(safe-area-inset-left));padding-right:calc(40px + env(safe-area-inset-right));padding-right:calc(var(--gap-base) + env(safe-area-inset-right))}.App.is-dark{--color-black:#fff;--color-white:#222;--color-base:#f9f9f9;--color-card-bg:#292929}.App .footer,.App .header,.App main{margin:0 auto;max-width:1440px}h1,h2,h3,p{margin:0;padding:0}@media only screen and (max-width:767px){.only-pc{display:none}}.sec-title{font-size:2.5rem;font-size:var(--fz-xl)}.sec-container{margin-top:120px;margin-top:var(--gap-large);scroll-margin:105px;scroll-margin:calc(25px + var(--gap-base)*2)}a{color:inherit;text-decoration:none}.sr-only{border-width:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.quick-wrap{bottom:40px;bottom:var(--gap-base);left:50%;max-width:1520px;pointer-events:none;position:fixed;transform:translateX(-50%);width:100%}.btn-quick{--quick-size:36px;align-items:center;border:none;border-radius:50%;bottom:var(--gap-base);cursor:pointer;display:inline-flex;height:var(--quick-size);justify-content:center;margin-bottom:env(safe-area-inset-bottom);padding:0;pointer-events:auto;position:absolute;right:calc(var(--gap-base) + 16px);width:var(--quick-size);z-index:2}@media only screen and (min-width:1600px){.btn-quick{right:-18px}}.btn-top{--btn-top-bg:0;background-color:#fff;box-shadow:0 0 25px #0000001f;overflow:hidden}.btn-top:before{background-color:var(--color-yellow);bottom:0;height:var(--btn-top-bg);left:0;position:absolute;transition:height .2s ease-out;width:100%}.btn-top:after,.btn-top:before{content:"";display:inline-block}.btn-top:after{border-right:2px solid #000;border-top:2px solid #000;height:10px;margin-top:4px;position:relative;transform:rotate(-45deg);width:10px;z-index:1}.btn-top:hover{--btn-top-bg:100%}.btn-top~.btn-mode{bottom:calc(var(--gap-base) + var(--quick-size) + 20px)}.btn-mode{--color-active:var(--color-yellow);background-color:#0000;order:-1;transition:bottom .2s ease-out}.btn-mode svg{fill:var(--color-black);fill:var(--color-hover,var(--color-black));--mode-size:24px;display:block;height:var(--mode-size);height:auto;min-width:var(--mode-size);width:var(--mode-size)}.btn-mode:hover{--color-hover:var(--color-active);transform:rotate(1turn);transition:all .5s ease-in-out}.btn-mode:active{--color-hover:var(--color-black)}.is-dark .btn-mode svg{fill:var(--color-active);fill:var(--color-hover,var(--color-active))}.is-dark .btn-mode:hover{--color-hover:var(--color-orange)}.is-dark .btn-mode:active{--color-hover:var(--color-yellow)}.header{--btn-px:8px;background-color:#ffffffb3;border-bottom:2px solid var(--color-black);margin-bottom:var(--gap-base);position:-webkit-sticky;position:sticky;top:0}.is-dark .header{background-color:#222222b3}.header{align-items:center;display:flex;padding-left:calc(var(--gap-base)/4 - var(--btn-px));padding-right:calc(var(--gap-base)/4 - var(--btn-px));padding-top:calc(env(safe-area-inset-top) + var(--gap-base));z-index:3}.header a{font-size:1em;padding:0 var(--btn-px);transition:box-shadow .1s ease-out}.header a:hover{box-shadow:inset 0 -.8rem 0 var(--color-yellow)}.btn-home{font-weight:700;margin-right:auto}.btn-menu{margin-left:calc(var(--gap-base) - var(--btn-px))}.btn-menu svg{--git-icon-size:18px;display:inline-block;height:var(--git-icon-size);vertical-align:top;width:var(--git-icon-size)}.main-container{color:var(--color-black);display:flex;flex-direction:column;line-height:1;line-height:var(--main-title-lh,1);padding-top:var(--gap-base);position:relative}@media only screen and (max-width:767px){.main-container{--main-title-lh:1.2;--main-title-gap:var(--gap-base);--main-title-fz:9vw;padding-top:var(--gap-large)}}@media only screen and (min-width:1520px){.main-container{--main-title-fz:145px}}.main-title{align-items:center;display:flex;flex-wrap:wrap;font-size:9.5vw;font-size:var(--main-title-fz,9.5vw);font-weight:300;position:relative;transition:color .3s ease;white-space:nowrap;z-index:1}.main-title span{font-weight:700}.main-title~.main-title{margin-top:var(--main-title-gap,var(--gap-large))}.main-title .reveal-wrap{display:inline-block;overflow:hidden;position:relative}.main-title .reveal-wrap .reveal-mask{background-color:var(--color-yellow);bottom:4px;bottom:var(--mask-bottom,4px);height:100%;left:0;position:absolute;width:100%;z-index:1}@media only screen and (max-width:767px){.main-title .reveal-wrap .reveal-mask{--mask-bottom:2px}}.main-desc{display:flex;flex-direction:column;font-size:var(--fz-md);font-weight:400;line-height:1.6;padding:var(--gap-base) 0 calc(var(--gap-base)/2)}@media only screen and (min-width:768px){.main-desc{align-self:flex-end;font-size:var(--fz-lg);line-height:1.8;width:var(--box-width)}}.main-skills h2{font-size:var(--fz-md);line-height:1.3;margin:calc(var(--gap-base)*1.5) 0 -10px}.main-skills ul{--skill-gap:16px;display:flex;flex-wrap:wrap;list-style-type:none;margin:var(--skill-gap) 0 0;padding:0}@media only screen and (max-width:767px){.main-skills ul{--skill-gap:8px;padding-top:10px}}.main-skills ul li{--lang-size:28px;align-items:center;background-color:var(--color-card-bg);border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;display:flex;justify-content:center;margin-right:var(--skill-gap);margin-top:var(--skill-gap);padding:16px}@media only screen and (max-width:767px){.main-skills ul li{--lang-size:20px;border-radius:6px;padding:10px}}.is-dark .main-skills ul li{border:1px solid #ffffff0d;box-shadow:0 4px 8px #0006,0 1px 3px #0003}.main-skills svg{display:inline-block;height:var(--lang-size);width:var(--lang-size)}.works-list{grid-gap:var(--gap-base);display:grid;gap:var(--gap-base);grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(var(--works-columns,3),1fr);margin:0;padding:var(--gap-base) 0 0}@media only screen and (max-width:767px){.works-list{--works-columns:1}}.work{border-radius:16px;box-shadow:0 0 25px #0000001a;display:block;list-style-type:none}.is-dark .work{border:1px solid #ffffff0d;box-shadow:0 4px 8px #0006,0 1px 3px #0003}.work:nth-child(3n+1){--card-shadow:var(--color-cyan)}.work:nth-child(3n+2){--card-shadow:var(--color-magenta)}.work:nth-child(3n){--card-shadow:var(--color-yellow)}.work-card{background-color:var(--color-white);border-radius:20px;border-radius:var(--card-radius,20px);display:flex;flex-direction:column;min-height:100%;overflow:hidden;position:relative;transition:all .2s ease-out;width:100%}.work-card:hover{--card-radius:8px;box-shadow:8px 8px 0 var(--card-shadow);transform:matrix(1,0,0,1,-8,-8)}.work-card:hover .work-text:after{animation:arrow-right .8s ease-in-out infinite}.work-card:hover .work-message{opacity:.9}a.work-card .work-text:after{align-self:flex-end;background:url(../../static/media/icon_arrow.9ed96600f744e9939c59.svg) 50% no-repeat;content:"";display:block;height:10px;margin-top:auto;width:12px}.is-dark a.work-card .work-text:after{filter:brightness(0) invert(1)}@keyframes arrow-right{0%{opacity:1;transform:translateZ(0)}50%{opacity:0;transform:translate3d(10px,0,0)}50.1%{opacity:0;transform:translate3d(-10px,0,0)}to{opacity:1;transform:translateZ(0)}}.work-image{display:block;height:0;padding-bottom:56.25%;position:relative;width:100%}.work-image img{height:100%;object-fit:cover;top:0}.work-image img,.work-message{display:block;left:0;position:absolute;width:100%}.work-message{background-color:#333;bottom:0;color:#fff;font-size:var(--fz-small);max-width:100%;opacity:0;padding:5px;text-align:center;transition:opacity .2s ease-out;z-index:1}.work-text{background-color:var(--color-card-bg);display:flex;flex:1 1;flex-direction:column;padding:6%}.work-text h3{font-size:var(--fz-md)}.work-text p{font-size:var(--fz-base);margin-top:12px;opacity:.6}.work-text p+p{margin-top:4px;opacity:1}.contact-title{font-weight:300}.contact-desc{margin-bottom:var(--gap-large)}.contact-desc h3{font-size:var(--fz-xl);font-weight:300;font-weight:var(--contact-title-fw,300)}.contact-desc h3 .highlight{box-shadow:inset 0 -.6em 0 var(--color-yellow)}.contact-desc p{font-size:var(--fz-md);font-size:var(--contact-fz-mo,var(--fz-md));line-height:1.8;margin-top:12px}@media only screen and (max-width:767px){.contact-desc{--contact-title-fw:400;--contact-fz-mo:var(--fz-base)}}.contact-link{font-size:var(--fz-xl);font-weight:400;line-height:1.2;margin-top:calc(var(--gap-base)/2);overflow:hidden;position:relative;white-space:nowrap}.contact-link,.contact-link div span{display:inline-block}.contact-link .cover{bottom:0;left:0;position:absolute;right:0;top:0}.copy-right{font-size:var(--fz-small);margin-top:var(--gap-base);text-align:center}
/*# sourceMappingURL=main.001970f0.css.map*/