*{--rice:#eeede2;--dark:#55514e;--gray:#3f3d3c77;--blue:#006e90;--purple:#685369;--red:#ef6461;--orange:#f79619;--lightgray:#738290;--pink:#ed474a;box-sizing:border-box}a{color:var(--dark);text-decoration:none}h1,h2,h3,h4{font-family:Ubuntu Mono,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--rice);color:var(--dark);font-family:Rubik,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.little-title{color:var(--gray);font-size:1.2rem;font-style:italic}.red{color:var(--red)}.blue{color:var(--blue)}.orange{color:var(--orange)}#navbar{height:10vh;margin-bottom:5vh;position:absolute;top:0;width:100%}#navbar h1{display:inline-block;font-size:2.5vh;margin:8vh 5% 5vh 0;position:relative}#front-wrapper{height:90vh;position:relative}#front{border-radius:5px;bottom:0;height:50vh;overflow:hidden;width:100%}#earth,#front{position:absolute}#earth{background-image:url(/static/media/about_bg.608301aa4789bd654a57.png);background-size:100% auto;height:100%;margin-left:-15%;width:130%}#earth img{animation:rotate_earth 420s infinite;animation-timing-function:linear;position:relative;width:100%}@keyframes rotate_earth{to{transform:rotate(1turn)}}#front-tags-wrapper{margin:0 10% 2vh;position:relative;width:80%}#front-button-wrapper{margin:5vh 10% 8vh;position:relative;white-space:nowrap;width:80%;z-index:3}.front-button{color:var(--gray);display:inline-block;margin-right:3%;position:relative;width:30%}.front-button:hover{color:var(--dark);transition-duration:.2s}#whoami{font-size:4vh;font-weight:700;line-height:6vh;margin:10vh 10%;padding-top:10vh;position:relative;width:80%}.list-link{color:var(--gray)}.list-link:hover{color:var(--dark);transition-duration:.1s}.link-temp:hover{color:var(--gray)}.list-sub-link{margin-left:5%}.tags-red{border:1px solid var(--red);color:var(--red)}.tags-orange{border:1px solid var(--orange);color:var(--orange)}.tags-blue{border:1px solid var(--blue);color:var(--blue)}.tags-purple{border:1px solid var(--purple);color:var(--purple)}.tags-gray{border:1px solid var(--gray);color:var(--gray)}.tag{border-radius:100px;cursor:pointer;display:inline-flex;font-family:Ubuntu Mono,monospace}.tag-x{color:var(--gray);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.tags-c-red{background-color:var(--red);color:var(--rice)}.tags-c-orange{background-color:var(--orange);color:var(--rice)}.tags-c-blue{background-color:var(--blue);color:var(--rice)}.tags-c-purple{background-color:var(--purple);color:var(--rice)}.tags-c-gray{background-color:var(--gray);color:var(--rice)}#footer-wrapper{height:35vh;padding-bottom:15vh;padding-top:8vh;position:relative;z-index:6}#back,#footer-wrapper{color:var(--gray)}#back:hover{color:var(--red);transition:1s}@media screen and (max-width:500px){#footer-wrapper{height:20%;padding-bottom:10%;padding-left:5%;padding-top:5%}#earth{margin:25vh 30% 0 -30%;width:160%}#whoami{margin-bottom:0}#front-button-wrapper{display:flex;flex-direction:column;width:80%}#front-button-wrapper a,div{font-size:.8rem}}.container{font-size:.9rem;padding:0 15% 0 5%;position:absolute;top:15vh;width:100%}.content{display:inline-block;margin-left:15%;position:relative}#navbar{height:8vh;margin-bottom:0;width:100vw;z-index:10}#navbar,.list{position:fixed}.list{display:inline-block;vertical-align:top;width:15%}.content{padding:0 0 15vh;width:85%}.content-section{margin-bottom:5vh}@media screen and (max-width:500px){#navbar,.list{background-color:var(--rice)}.list{position:fixed;top:8vh;width:100vw;z-index:10}.list>div{display:flex}.list a{display:inline;width:33%}.content{margin-left:5%;width:90%}}#me{float:left;height:43vh;margin:0 5vh 0 0;overflow:hidden;width:43vh}#me img{height:100%}#intro{line-height:150%;margin-left:48vh;min-height:40vh;padding-top:3vh;vertical-align:middle}#intro b:first-child{font-size:130%;font-weight:500}#intro a{font-weight:600;text-decoration:underline;text-decoration-color:var(--gray)}#about-img-wrapper{animation:rotate_earth 420s infinite;animation-timing-function:linear;height:62vw;margin-top:5vh;position:relative;width:62vw}#about-hover,#about-img{height:100%;position:absolute;width:100%}#about-img img{height:100%;position:relative;width:100%}#about-img div{animation:reverseRotate 420s infinite;animation-timing-function:linear;color:var(--rice);height:100%;left:0;padding:42% 30% 0;position:absolute;text-align:center;top:0;width:100%}@keyframes reverseRotate{to{transform:rotate(-1turn)}}#intro div{color:var(--gray);font-size:1.4rem;margin-bottom:2vh}.hover-box{border-radius:50%;position:absolute}#hover-us{height:15%;left:60%;top:20%;transform:rotate(55deg);width:40%}#hover-jlpt{height:15%;left:0;top:20%;transform:rotate(-55deg);width:30%}#hover-capibara{height:15%;left:12%;top:48%;width:10%}#hover-ocean{height:14%;left:27%;top:11%;transform:rotate(-20deg);width:29%}#hover-whales{height:15%;left:77%;top:52%;transform:rotate(20deg);width:15%}#hover-taiwan{height:15%;left:69%;top:70%;transform:rotate(-55deg);width:25%}#hover-taipei{height:13%;left:48%;top:85%;transform:rotate(-13deg);width:28%}#hover-ntu{height:11%;left:30%;top:84%;transform:rotate(12deg);width:22%}#hover-animals{height:10%;left:13%;top:71%;transform:rotate(22deg);width:37%}@media screen and (max-width:500px){#about-img-wrapper{height:90vw;margin-left:-5vw;overflow:hidden;width:90vw}#about-img div{padding-top:35%}.content{padding-bottom:5%}#intro{float:none;margin:0}#me{height:20vh;width:20vh}}#contacts{position:relative}#contacts a{color:var(--gray);display:inline-block;font-size:1rem;font-weight:400;margin:0 7% 0 0;text-decoration:none}#contacts a:hover{text-decoration:underline}#projects{margin:15vh 0 5vh 11%;position:relative;width:78%}#projects h3{color:var(--gray);font-size:1.3rem;margin:5vh 0 1vh}.proj-section{margin-bottom:3vh}.project-links{border:1px solid var(--dark);border-radius:8px;cursor:pointer;display:inline-block;height:20vh;margin:1vw 1vw 0 0;overflow:hidden;position:relative;width:30vh}*{--light-blue:#4fb0ce;--light-red:#e7a09f;--light-orange:#f5c78b}.project-links-hover{background-color:var(--rice);height:100%;left:0;mix-blend-mode:screen;opacity:.8;position:absolute;top:0;width:100%;z-index:4}.tags-cover-hci{background-color:var(--light-red)}.tags-cover-tech,.tags-cover-web{background-color:var(--light-blue)}.tags-cover-design,.tags-cover-visual{background-color:var(--light-orange)}.project-links-hover:hover{opacity:0;transition:.5s}.project-links-hover2{background-color:var(--rice);height:40%;left:0;position:absolute;top:100%;transform:rotateY(180deg);width:110%;z-index:3}.project-links-hover:hover+.project-links-hover2{height:35%;opacity:.8;top:65%;transition:.4s}.project-links img{height:auto;left:0;position:absolute;top:0;width:100%}.project-links h1{font-size:.8rem;-webkit-hyphens:auto;hyphens:auto;margin:4% 6% 0;top:70%;white-space:pre-line}.project-links h1,.project-links-tags{pointer-events:none;position:absolute;z-index:6}.project-links-tags{height:12%;left:4%;top:60%}.project-links-tags>.tag{cursor:pointer;font-size:80%;height:100%;padding:.2rem .5rem .3rem;position:absolute}.projects-catagory-tag>div{margin-right:.3rem;padding:.2rem .5rem .3rem}.projects-catagory-tag>div:hover{opacity:.9;transition:.3s}@media screen and (max-width:500px){.projects-catagory-tag>div{margin-bottom:1vh}.project-links{height:15vh;margin-left:.5%;width:46%}.project-links-tags{position:absolute;top:10%}.project-links-tags>.tag{height:150%}.project-links h1{top:25%}}#research{margin:15vh 5% 0;width:90%}.publication{height:15vh;margin-bottom:5vh}.publication-img{float:left;height:15vh;margin:0 5vh 0 15vh}.publication-img img{height:100%}.publication-content{margin-left:35vh;padding-top:0}.publication-content h5{font-size:1.2rem;font-weight:700}.publication-content h5,.publication-content p{line-height:150%;margin:0}.publication-content>.status{color:#a3a3a3;margin-bottom:1vh}.Pub-link{border:1px solid #a3a3a3;border-radius:20px;color:#a3a3a3;margin-right:.5vh;padding:.5vh}.Pub-link:hover{border-color:#4c4c4c;color:#4c4c4c}@media screen and (max-width:500px){.publication{height:auto}.publication-img{margin:2vh 1vh 1vh 0}.publication-content{margin:0}}@media screen and (max-width:900px){.publication{height:auto}}.image-gallery-icon{-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 2px #1a1a1a);outline:none;position:absolute;transition:all .2s ease-out;z-index:4}@media (min-width:768px){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:36px;width:36px}@media (max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-tap-highlight-color:transparent;position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{display:inline-block;width:calc(100% - 110px)}@media (max-width:768px){.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;text-align:center;white-space:nowrap}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 0 #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:background .2s ease-out}@media (max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus,.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;transform:scale(1.1)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{display:inline-block;vertical-align:top;width:100px}@media (max-width:768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{width:81px}}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 5px}@media (max-width:768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;transition:transform .45s ease-out;white-space:nowrap}.image-gallery-thumbnail{background:#0000;border:4px solid #0000;display:inline-block;padding:0;transition:border .3s ease-out;width:100px}@media (max-width:768px){.image-gallery-thumbnail{border:3px solid #0000;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{line-height:0;vertical-align:middle;width:100%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus,.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}@media (max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus,.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;text-shadow:1px 1px 0 #000;top:50%;transform:translateY(-50%);white-space:normal;width:100%}@media (max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.proj-wrapper{position:absolute;width:90%}.proj-bg{left:0;position:fixed;top:0;width:100vw;z-index:-2}#game-bg{opacity:.5}.proj-bg img{position:absolute;width:100%}.proj-fig1{overflow:auto;width:100%}.proj-fig1 img{max-width:100%;min-width:80%;position:relative}.proj-content{display:flex}.proj-content,.proj-fig{position:relative;width:100%}.proj-fig{overflow:hidden}.proj-fig img{width:100%}.proj-side2side{align-content:flex-start;margin-right:2%;position:relative;width:46%}.proj-side2side:first{margin-right:2%}.proj-wrap-86{margin-left:7%;width:86%}#game-title img{height:2rem}#game-title h1{color:#5bbbc2;font-size:1.5rem}#fourier-title img{height:3rem}#fourier-title h1{color:var(--rice);font-size:1.5rem;opacity:.8}#flake-title img{height:3.5rem}#texel-title h3{color:var(--red);opacity:.8}#texel-tags div{margin-right:1%;padding:.5% 1%;position:relative}#car-fig{width:80%}#illust-title{margin-bottom:6%;width:80%}#splat-title img{height:7rem}.image-gallery-icon{color:var(--dark);filter:none!important;opacity:.5}.proj-image-gallery{position:relative;width:80%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus,.image-gallery-thumbnail:hover{border-color:rgba(122,143,201,.753)!important}.proj-wid-fig img{position:absolute;top:20vh;width:100%;z-index:-1}@media screen and (max-width:500px){iframe{width:80vw}.proj-content{display:block}.proj-side2side{width:auto}.proj-bg{display:none}#fourier-title h1{color:var(--dark)}#splat-title{-webkit-hyphens:auto;hyphens:auto}.proj-image-gallery,.proj-wrapper{width:100%}}
/*# sourceMappingURL=main.490a0d8d.css.map*/