@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);body,html{background:#fff;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{min-height:100vh}.App{background:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;text-align:center;width:100%}a:hover,a:link,a:visited{color:#000;text-decoration:none}.resume:link{color:blue;text-decoration:underline}.resume:visited{color:#8a2be2;text-decoration:underline}.resume:hover{color:#020066;text-decoration:underline}.resume:active{color:#000;text-decoration:none}.App-header{align-items:flex-start;display:flex;flex-direction:row;height:5rem;justify-content:space-between;transition:.1s linear;width:100%;z-index:3}.App-header-color{background-color:#fff}.App-header-title{flex-direction:column}.App-header-side,.App-header-title{align-items:center;display:flex;justify-content:center}.App-header-side{height:100%;list-style:none;margin:0;padding:0}.Text{text-align:center}.tabs-border,.title-pic-border{display:flex;flex:1 1;min-height:100%;position:relative;width:100%}.tabs-border{align-items:center;flex-direction:column;justify-content:flex-start}.main-img,.main-img-hidden{height:calc(100% - 6rem);left:5%;object-fit:contain;opacity:1;position:absolute;right:5%;transition:opacity .5s ease;width:90%}.main-img-hidden{opacity:0}.aboutdiv{align-items:left;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between}.aboutportrait{max-height:40rem;max-width:90%;width:auto}.aboutportrait,.aboutsmile{object-fit:cover;opacity:1;position:relative;transition:opacity .5s ease}.aboutsmile{height:auto;margin-bottom:2rem;width:50rem}.abouttitle{font-size:2rem;font-weight:700}.aboutbio,.abouttitle{word-wrap:normal;max-width:50rem;text-align:left}.aboutbio{font-size:1.2rem}.aboutflex{align-items:center;display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;justify-content:space-around;margin-bottom:6rem;width:100%}li{display:inline;font-family:Poppins,sans-serif;padding:1rem 2rem}.charheader,.charheader2{color:#000;font-family:Noto Sans KR,sans-serif;font-size:2rem;width:2.5rem}.charheader2{font-family:Poppins,sans-serif;font-size:2.5rem;width:2.5rem}.indheader,.indheader2{color:#000;font-family:Noto Sans KR,sans-serif;font-size:1rem;width:1.4rem}.indheader2{font-family:Poppins,sans-serif;font-size:1.4rem;width:1.4rem}.App-link{color:#61dafb}span{white-space:pre}.specspan{height:auto;width:2.5rem}.holderspan{height:3rem;min-width:35rem}.holderspan,.holderspan2{align-items:center;display:flex;justify-content:space-between;white-space:pre}.holderspan2{height:2rem;min-width:30rem}.work-flex{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0 5% 6rem;position:relative}.lazyloader.loaded{opacity:1}.lazyloader{opacity:0;transition:opacity .7s ease-in-out}.new-title{padding:0 2rem}.nav-button{font-size:small;font-weight:700}@media screen and (max-width:1460px){.aboutflex{flex-direction:column-reverse}.aboutbio,.abouttitle{text-align:center}.aboutdiv{padding-left:2rem;padding-right:2rem}}@media screen and (max-width:1280px){.App-header{align-items:center;flex-direction:column-reverse;height:4rem}.new-title{margin:0}.App-header-side{align-items:center;justify-content:space-evenly;width:100%}li{padding:.25rem}}@media screen and (max-width:600px){.charheader2{font-size:.9rem;font-weight:bolder;width:1.2rem}.charheader{font-size:.75rem;font-weight:700;width:1.2rem}.holderspan{height:2rem;min-width:0;padding-top:.5rem}.holderspan2{height:1rem;min-width:0}.indheader{font-size:.5rem;width:1rem}.indheader2{width:1rem}.indheader2,a{font-size:.8rem}}@-webkit-keyframes loadBounce{0%{background-color:#fff}50%{background-color:#dadada}to{background-color:#fff}}@keyframes loadBounce{0%{background-color:#fff}50%{background-color:#dadada}to{background-color:#fff}}.tile{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loadBounce;animation-name:loadBounce;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;aspect-ratio:3/2;background-color:#fff;height:22rem;overflow:hidden;position:relative}.tile,.worktile-img{border:2px solid #fff;border-radius:0}.worktile-img{height:100%;object-fit:cover;opacity:100%;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;width:100%}.tile-text{font-size:x-large;font-weight:700;opacity:0;position:absolute;text-align:center;top:40%;transition:opacity .7s ease-in-out;visibility:hidden;width:100%}.tile:hover .worktile-img{opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2)}.tile:hover .tile-text{opacity:1;visibility:visible}.sketchfeature{background-color:rgba(0,0,0,.397);bottom:0;height:100%;position:absolute;top:0;width:100%}.sketchfeatureimg{left:50%;max-height:70%;max-width:70%;position:fixed;top:20%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sketchtile-img{background-color:#fff;border:2px solid #fff;border-radius:0;height:100%;object-fit:cover;width:100%}.project-slide{margin-bottom:.25rem;margin-top:.25rem;object-fit:contain;position:relative;width:calc(55% + 20rem)}.vimeo-player{height:50rem;width:100%}.project-pass{flex-grow:1;width:100%}.project-pass-body{left:50%;position:absolute;top:25%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.project-pass-prompt{font-family:Poppins,sans-serif;font-weight:700}.project-pass-entry{background:transparent;border:none;font-family:Poppins,sans-serif;font-size:xx-large;font-weight:bolder;text-align:center;width:100%}.project-pass-entry:focus{border:none;outline:none}.project-pass-entry:disabled{color:green}@media screen and (max-width:1460px){.tile{height:14rem;width:21rem}.tile-text{font-size:large}}@media screen and (max-width:1280px){.sketchfeatureimg{max-height:90%;max-width:90%}.project-slide{object-fit:contain;position:relative;width:calc(55% + 15rem)}}@media screen and (max-width:600px){.project-slide{width:90%}}
/*# sourceMappingURL=main.a65ecfed.css.map*/