.hoverIn1{transform:translateY(-2vw)}.hoverIn2{transform:translateX(-2vw)}.hoverIn3{transform:translate(-2vw,-2vw)}.hoverOut1,.hoverOut2,.hoverOut3{transform:translate(0)}@keyframes hoverInBounce1{0%{transform:translateY(0)}25%{transform:translateY(-.5vw)}40%{transform:translateY(0)}55%{transform:translateY(-.3vw)}to{transform:translateY(0)}}@keyframes hoverInBounce2{0%{transform:translateX(0)}25%{transform:translateX(-.5vw)}40%{transform:translateX(0)}55%{transform:translateX(-.3vw)}to{transform:translateX(0)}}@keyframes hoverInBounce3{0%{transform:translate(0)}25%{transform:translate(-.5vw,-.5vw)}40%{transform:translate(0)}55%{transform:translate(-.3vw,-.3vw)}to{transform:translate(0)}}.hoverIn4{animation:hoverInBounce1 .5s linear 1}.hoverIn5{animation:hoverInBounce2 .5s linear 1}.hoverIn6{animation:hoverInBounce3 .5s linear 1}.projects--isActive{background-color:#df9aff}.blur1{filter:blur(0)}@keyframes slideAbout{0%{transform:translateY(0);z-index:1}99%{transform:translateY(-200vh);z-index:1}to{z-index:-1}}@keyframes slideProjects{0%{transform:translate(0);z-index:1}99%{transform:translate(-200vw,-200vh);z-index:1}to{z-index:-1}}@keyframes slideArts{0%{transform:translateX(0);z-index:1}99%{transform:translateX(-200vw);z-index:1}to{z-index:-1}}@keyframes slideAboutIn{0%{transform:translateY(-200vh);z-index:1}99%{animation-timing-function:step-end;transform:translateY(-400vh);z-index:1}to{z-index:-1}}@keyframes slideProjectsIn{0%{transform:translate(-200vw,-200vh);z-index:5}99%{animation-timing-function:step-end;transform:translate(-400vw,-400vh);z-index:5}to{z-index:-1}}@keyframes slideArtsIn{0%{transform:translateX(-200vw);z-index:1}99%{animation-timing-function:step-end;transform:translateX(-400vw);z-index:1}to{z-index:-1}}.slideAboutIn{animation:slideAboutIn 1s linear 1}.slideProjectsIn{animation:slideProjectsIn 1s linear 1}.slideArtsIn{animation:slideArtsIn 1s linear 1}@keyframes slideLeft{0%{transform:translateX(0)}99%{animation-timing-function:step-end;transform:translateX(-200vw)}to{transform:translateX(-200vw);z-index:-5}}@keyframes slideRight{0%{transform:translateX(0)}99%{animation-timing-function:step-end;transform:translateX(100vw)}to{transform:translateX(100vw);z-index:-5}}@keyframes slideInBack{0%{transform:translate(0)}50%{transform:translate(270px,130px)}65%{transform:translate(285px,100px)}75%{transform:translate(300px,126px)}80%{transform:translate(315px,105px)}83%{transform:translate(324px,126px)}to{transform:translate(325px,126px)}}.slideLeft{animation:slideLeft 2.5s linear 1 forwards}.slideRight{animation:slideRight 3s linear 1 forwards;animation-delay:.2s}.slideInBack{animation:slideInBack .5s linear 1 forwards;animation-delay:1s;position:fixed;z-index:10}@keyframes slideNavIn{0%{transform:translateX(-700px)}to{transform:translateX(0)}}.slideNavIn{animation:slideNavIn 1s linear 1 forwards}html{scroll-behavior:smooth;scroll-padding-top:176px}body{margin:0;overflow:hidden}::-webkit-scrollbar{display:none}.slideAbout{background-color:#f77;height:200vh;left:0;position:absolute;top:100vh;width:100vw;z-index:-1}.slideArts{background-color:#89aaff;height:100vh;top:0}.slideArts,.slideProjects{left:100vw;position:absolute;width:200vw;z-index:-1}.slideProjects{background-color:#df9aff;height:200vh;top:100vh}.slideProjects2{position:absolute;width:100vw;z-index:10}.home,.slideProjects2{background-color:#fff;height:100vh}.home{display:flex;flex-direction:column;width:100%}.home p{color:#000;font-family:Helvetica;margin:0;padding-right:2vw}.home .font-a,.home .font-and,.home .font-animation,.home .font-engineer,.home .font-jinhyu,.home .font-modeling{color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.home .mobile p{opacity:0;position:absolute}.home .website{margin-left:3vw;margin-top:2vw}.home .website .row{align-items:last baseline;justify-self:left;margin-top:-1.5vw}.home .website .row-center{align-items:center;display:flex;margin-top:-1.5vw}.home .website p{font-weight:700}.home .font-jinhyu,.home .font-sean{font-size:7vw;margin-bottom:0}.home .font-sean{cursor:pointer;padding-right:0;position:relative}.home .font-sean:hover{background-color:#f77;color:#fff}.home .font-jinhyu{padding-left:2vw}.home .font-a{font-size:3vw;padding-right:.5vw}.home .font-uiux{padding-right:1vw}.home .font-frontend,.home .font-uiux{cursor:pointer;font-size:7vw;padding-right:.2vw;position:relative}.home .font-frontend:hover,.home .font-uiux:hover{background-color:#df9aff;color:#fff}.home .font-and{font-size:6.5vw;padding-left:1vw;padding-right:1vw}.home .font-engineer{font-size:5.2vw;margin-top:.6vw}.home .font-background{font-size:3.5vw}.home .font-threed{cursor:pointer;font-size:17.4vw;margin-top:-2.3vw;padding-right:1vw;position:relative;z-index:0}.home .font-threed:before{background:#89aaff;content:"";height:100%;left:-2%;opacity:0;position:absolute;top:50%;transform:translateY(-49%) scale(.95,.75);width:100%;z-index:-1}.home .font-threed:hover:before{opacity:1}.home .font-threed:hover{color:#fff}.home .font-modeling{font-size:8.1vw;margin-bottom:-1.7vw}.home .font-animation{font-size:7vw}.home .row{display:flex}.home .column{display:flex;flex-direction:column}.home .caption p{font-size:1.5vw;margin-top:-2vw;padding-left:4vw}.home .row-img{display:flex;margin-top:1vw;padding-left:4vw}.home .row-img img{height:2vw;padding-right:1.5vw;position:relative;width:2vw;z-index:0}.home .pages{bottom:-139vw;display:grid;height:300vw;left:-67vw;overflow:visible;position:absolute;transform:rotate(-5deg);width:300vw}.home .page-about{background-color:#fbb;cursor:pointer;grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;height:100%;transition:transform .3s ease-out;width:100%}.home .page-about:hover{background-color:#f77}.home .page-about p{color:#fff;font-family:Garamond;font-size:1.5vw;font-weight:700;position:absolute;right:.3vw;top:2vw}.home .page-arts{background-color:#c4d5ff;cursor:pointer;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;height:100%;transition:transform .3s ease-out;width:100%}.home .page-arts:hover{background-color:#89aaff}.home .page-arts p{bottom:2vw;color:#fff;font-family:Garamond;font-size:1.5vw;font-weight:700;left:2vw;position:absolute}.home .page-projects{background-color:#f2d6ff;cursor:pointer;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2;height:100%;transition:transform .3s ease-out;width:100%}.home .page-projects:hover{background-color:#df9aff}.home .page-projects .pageShade{border-left:1000px solid #efceff;border-top:1000px solid #0000;height:0;position:absolute;width:0}.home .page-projects .pageShadeHover{border-left-color:#d782ff}.home .page-projects p{color:#fff;font-family:Garamond;font-size:1.5vw;font-weight:700;left:2vw;position:absolute;top:2vw}nav{position:fixed}nav .container{display:flex;flex-direction:row;height:50px;width:1000px}nav .container .about,nav .container .arts,nav .container .home,nav .container .projects{height:100%;width:100%}.page--about{height:100vh;width:100%}.page--about .column-main{display:flex;flex-direction:row;height:100%;width:100%}.page--about .column-first{flex:1 1}.page--about .column-first .profile{height:100%;width:48vw}.page--about .cover1{height:950px;position:relative;transform:scale(110%) translate(-40px,-30px);width:100%;z-index:-1}.page--about .column-first .photo{height:422px;position:fixed;right:60vw;top:250px;width:400px}.page--about .column-second{flex:1 1;margin-left:50px;margin-top:100px}.page--about .column-second .line{background-image:linear-gradient(90deg,#f77 30%,#fbb 60%);height:5px;position:fixed;top:144px;width:50vw}.page--about .column-second .content{margin-top:80px;width:600px}.page--about .column-second .content h1{font-family:Helvetica;font-size:35px}.page--about .column-second .content p{font-family:Helvetica;font-size:20px}.page--about .column-second .cover2{height:625px;left:calc(50vw + 655px);position:fixed;top:144px;width:17vw}.page--about .pageNum{bottom:20px;display:flex;left:50vw;position:fixed;transform:translateX(-50%)}.page--about .pageNum .page1{background-color:#f77;height:20px;margin:10px;width:20px}.page--about .pageNum .page2{background-color:#fbb;height:20px;margin:10px;width:20px}.page--projects{height:100vh;width:100%}.page--projects .column-main{display:flex;flex-direction:row;height:100%;width:100%}.page--projects .column-first{flex:1 1;max-width:48vw}.page--projects .column-first .cover1{background-color:#fff;border:15px solid #df9aff;height:1000px;left:calc(-1041px + 49.5vw);overflow:hidden;position:absolute;top:-175px;transform:rotate(-5deg);width:1000px;z-index:2}.page--projects .mobile{display:flex;flex-direction:row}.page--projects .mobile .screenHolder1,.page--projects .mobile .screenHolder2{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:3}.page--projects .mobile .screenHolder2{transform:translateY(-30%)}.page--projects .mobile .screenHolder1 img,.page--projects .mobile .screenHolder2 img{height:100%;width:100%}.page--projects .website{display:flex;flex-direction:column}.page--projects .website .navContainer{background-color:#fff;flex:1 1;margin-top:200px;position:relative;z-index:4}.page--projects .website .navContainer .nav{height:100%;transform:scale(1.2);transform-origin:right;width:100%}.page--projects .website .screenHolder{flex:9 1;position:relative;z-index:3}.page--projects .website .screenHolder img{height:auto;margin-bottom:300px;transform:scale(1.4);transform-origin:right;width:100%}.page--projects .column-second{flex:1 1;margin-left:50px;margin-top:100px;max-width:50vw}.page--projects .column-second .backgroundWhite{background-color:#fff;height:144px;left:0;position:absolute;top:0;width:100vw;z-index:-1}.page--projects .column-second .line{background-image:linear-gradient(90deg,#df9aff 45%,#f2d6ff 60%);height:5px;position:fixed;top:144px;width:50vw}.page--projects .content{font-family:Helvetica;margin-left:95px;margin-top:80px;max-width:auto;width:600px}.page--projects .content .projectHeader{align-items:center;display:flex;flex-direction:row}.page--projects .content .projectHeader img{height:60px;margin-right:10px;width:auto}.page--projects .content h1{font-size:32px;font-weight:700}.page--projects .content p{font-size:18px}.page--projects .content .subtitle{color:#676767;margin-top:-20px}.page--projects .content .summary{margin-top:0;max-width:522px}.page--projects .content .key{font-weight:700;margin-top:40px}.page--projects .content .tasks,.page--projects .content .values{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-7px;margin-top:-10px}.page--projects .content .values{max-width:550px}.page--projects .content .tasks{max-width:700px}.page--projects .content .value{background-color:#f2d6ff}.page--projects .content .task,.page--projects .content .value{border-radius:20px;display:block;font-size:18px;margin:5px;padding:8px 18px}.page--projects .content .task{background-color:#efceff}.page--projects .content .firstLink{margin-bottom:-15px;padding-top:20px}.page--projects .column-second .cover2Frame{height:1000px;left:calc(49.5vw + 655px);overflow:hidden;position:fixed;top:144px;width:1000px;width:17vw}.page--projects .column-second .cover2{background-color:#f2d6ff;height:615px;transform:rotate(-5deg) translate(28px,-40px);width:1000px}.page--projects .pageNum{bottom:20px;display:flex;left:50vw;position:fixed;transform:translateX(-50%)}.page--projects .pageNum .page1,.page--projects .pageNum .page2,.page--projects .pageNum .page3,.page--projects .pageNum .page4,.page--projects .pageNum .page5{height:20px;margin:10px;width:20px}.page--projects .pageInactive{background-color:#f2d6ff;cursor:pointer}.page--projects .pageActive{background-color:#df9aff}.page--projects .header,.page--projects .toDetail{display:flex;flex-direction:row}.page--projects .toDetail{align-items:center;align-self:center;background-color:#f2d6ff;border-radius:25px;cursor:pointer;height:50px;justify-content:right;left:calc(-180px + 49.5vw);overflow:hidden;padding-right:15px;position:absolute;top:750px;transition:transform .5s ease-in;width:400px;z-index:1}.page--projects .toDetail:hover{background-color:#df9aff;transform:translateX(80px);transition:transform .5s ease-out}.page--projects .toDetail p{color:#fff;font-family:Helvetica;font-size:20px;font-weight:700;padding:5px}.page--projects .toDetail .arrow1,.page--projects .toDetail .arrow2{font-family:Times New Roman,Times,serif;font-size:50px;transform:scale(1.5,4)}.page--projects .toDetail .arrow2{margin-left:-10px;margin-right:0}.page--projects .coverBack{background-color:#f2d6ff;cursor:pointer;height:500px;left:0;top:0;transform:rotate(-5deg) translate(-500px,-500px);width:500px}.page--projects .coverBack:hover{background-color:#df9aff}.page--projects .coverShade{border-bottom:500px solid #0000;border-right:500px solid #efceff;height:0;width:0}.page--projects .slideNav{display:flex;flex-direction:column;left:calc(14vw - 150px);position:fixed;top:200px;width:auto;z-index:100}.page--projects .slideHeader{align-items:center;display:flex;flex-direction:row;margin-bottom:-10px}.page--projects .nextSlide,.page--projects .prevSlide{height:16px;margin-right:20px;width:32px}.page--projects .noNextSlide,.page--projects .noPrevSlide{opacity:.3}.page--projects .kaonaLogo{height:58px;margin-right:10px;width:35px}.page--projects .headerTitle{font-family:Helvetica;font-size:28px;font-style:italic;font-weight:700}.page--projects .slideNavContainer{margin-bottom:10px}.page--projects .slideNavItem{align-items:center;cursor:pointer;display:flex;flex-direction:row;margin-bottom:40px;margin-top:40px;opacity:.3;transform:scale(1);transform-origin:left center;transition:transform .3s ease,opacity .3s ease}.page--projects .slideNavItem:hover{opacity:.7;transform:scale(1.4)}.page--projects .activeItem{cursor:default;opacity:1}.page--projects .activeItem:hover{opacity:1;transform:scale(1)}.page--projects .closeItem{opacity:.5}.page--projects .slideNavItem .circle{background-color:#df9aff;border-radius:50%;height:10px;margin-right:10px;transform:scale(0);transition:transform .3s ease,margin-right .3s ease;width:10px}.page--projects .slideNavItem .activeCircle{margin-right:20px;transform:scale(2.5)}.page--projects .slideNavItem p{color:#000;font-family:Helvetica;font-size:18px;font-weight:700;margin:0;transform:scale(1);transform-origin:left center;transition:transform .3s ease}.page--projects .slideNavItem .active{transform:scale(2)}.page--projects .slideNavItem .close{transform:scale(1)}.page--projects .column-second .line2{background-image:linear-gradient(90deg,#df9aff 45%,#f2d6ff 60%);height:5px;position:fixed;top:144px;transform:translateX(0);transition:transform 1s ease;width:100vw}.page--projects .column-second .line2.line2-visible{transform:translateX(-380px)}.page--projects .stepContainer{height:100vh;margin-left:-380px;margin-top:80px;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.page--projects .step{height:100vh;max-width:1000px;position:relative;scroll-snap-align:start;z-index:-3}.page--projects .step p{font-family:Helvetica;font-size:18px;margin-bottom:50px;max-width:1000px}.page--projects .step .imgContainer{align-items:center;display:flex;margin-bottom:30px;max-height:650px;max-width:1000px}.page--projects .step img{max-width:1000px}.page--projects .step .link2{margin-top:-30px}.page--arts{height:100%;width:100%}.page--arts .column-main{display:flex;flex-direction:row;height:100%;width:100%}.page--arts .column-first{flex:1 1}.page--arts .column-first .profile{height:100%;width:48vw}.page--arts .cover1{height:900px;position:relative;transform:scale(120%) translate(40px,-80px);width:100%;z-index:-1}.page--arts .column-second{flex:1 1;margin-left:50px;margin-top:100px}.page--arts .column-second .line{background-image:linear-gradient(90deg,#89aaff 50%,#c4d5ff 70%);height:5px;position:fixed;top:144px;width:50vw}.page--arts .column-second .content{margin-top:50px;width:600px}.page--arts .column-second .cover2{height:1000px;left:calc(50vw + 655px);position:fixed;top:144px;width:17vw}.maintenance{background-color:#000;cursor:pointer;height:100vh;opacity:.5;position:absolute;width:100vw;z-index:5}.maintenance p{color:#fff;font-family:Helvetica,sans-serif;font-size:50px;font-weight:700;left:50%;margin:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.94f6d7be.css.map*/