#app,body,html{height:100%}html{font-size:16px}body{background:#000;font-family:PT Sans,serif;margin:0;padding:0}.lora,h1,h2,h3,h4,h5{font-family:Lora,serif}.shade{background:#000000e6;color:#fff;padding:10px 5px}.shade-white{background:#ffffffe6;color:#000}.custom-scroll::-webkit-scrollbar{width:1em}.custom-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.custom-scroll::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}#content{height:100%;overflow:hidden;position:relative;width:100%}#content .pane{height:100%;left:0;position:absolute;right:0;transition:1s;width:100%}#home{top:0}.project-active #home{top:-100%}#profile{box-sizing:border-box;color:#fff;position:absolute;right:25px;z-index:1}#profile,#profile:before{left:25px;top:25px;transition:1s}#profile:before{background:snow;bottom:0;content:"";display:block;height:0;position:fixed;right:0;width:0}.album-active #profile{opacity:.1}.album-active #profile:hover{opacity:1}#profile-container{display:inline-flex;justify-content:center;left:0;position:relative;transform:translate(0);transition:1s}#profile-container img{box-shadow:0 0 10px #0003;left:0;position:absolute;top:0;transition:1s}#profile-container img,#profile-image-faker{display:inline-block;height:auto;width:175px}#profile-image-faker{margin-right:25px}#profile-image-faker:before{content:"";display:block;padding-top:100%}#profile-close{cursor:pointer;height:40px;position:absolute;right:0;top:-100px;transition:1s;width:40px}#profile-close:after,#profile-close:before{background:#000;content:"";display:block;height:30px;left:50%;position:absolute;top:50%;width:4px}#profile-close:before{transform:translate(-50%,-50%) rotate(45deg)}#profile-close:after{transform:translate(-50%,-50%) rotate(-45deg)}#profile-data{align-items:flex-start;display:flex;flex-flow:column wrap;justify-content:space-between;position:relative}#profile-data h1,#profile-data h2,#profile-data h3{cursor:pointer;position:relative}#profile-data h1{font-size:4rem;margin:0 0 10px;transition:.5s}#profile-data h2{display:inline-block;font-size:2rem;margin:0 15px 0 0;transition:1s}#profile-data h3{background:#fff;color:#000;display:inline-block;font-size:1rem;margin:0;transition:1.5s}#profile-data h1 span,#profile-data h2 span,#profile-data h3 i,#profile-data h3 span{position:relative;z-index:1}#profile-data h1:before,#profile-data h2:before,#profile-data h3:before{background:#fff;content:"";inset:100% 0 0;position:absolute;transition:.5s;z-index:0}#profile-contact{align-items:flex-start;display:flex;flex-flow:row wrap}#profile-contact .profile-contact-message{background:#000;border-radius:3px 3px 3px 0;display:inline-block;margin-left:5px;position:relative;transition:1.5s;width:20px}#profile-contact .profile-contact-message:after{content:"";display:block;padding-top:70%}#profile-contact .profile-contact-message:before{border-left:0;border-right:6px solid transparent;border-top:4px solid #000;content:"";display:block;left:0;position:absolute;top:100%;transition:1.5s}#profile-links{display:block;height:0;left:-50px;overflow:hidden;position:relative;transition:1s;width:0}#profile-links ul{display:inline-block;left:0;list-style:none;margin:50px 0;opacity:0;padding:0;position:relative;transform:translate(0);transition:1s}#profile-links ul li+li{margin-top:25px}#profile-links ul li .profile-contact-link{display:block;text-decoration:none}#profile-links ul li .profile-contact-link span{color:#fff;font-size:1.25rem;padding:0 5px;vertical-align:middle}#profile-links ul li .profile-contact-link svg{height:auto;margin-right:15px;vertical-align:middle;width:50px}#profile-contact-github svg circle{fill:#fff}#profile-contact-github svg path{fill:#000}.has-profile:not(.profile-active) #profile-container:hover #profile-data h1,.has-profile:not(.profile-active) #profile-container:hover #profile-data h2,.has-profile:not(.profile-active) #profile-container:hover #profile-data h3{color:#000}.has-profile:not(.profile-active) #profile-container:hover #profile-data h1:before{top:0}.has-profile:not(.profile-active) #profile-container:hover #profile-data h2:before{animation:delaySlideUp .6s;top:0}.has-profile:not(.profile-active) #profile-container:hover #profile-data h3:before{animation:delaySlideUp .8s;top:0}.has-profile:not(.profile-active) #profile-container:hover #profile-contact .profile-contact-message{background:#000}.has-profile:not(.profile-active) #profile-container:hover #profile-contact .profile-contact-message:before{border-top-color:#000}.profile-active #profile{overflow-y:auto;padding:25px;z-index:100}.profile-active #profile,.profile-active #profile:before{height:100%;left:0;top:0;width:100%}.profile-active #profile-container{align-items:flex-end;flex-flow:row wrap;left:50%;transform:translate(-50%)}.profile-active #profile-container img{border-radius:50%;box-shadow:none;left:50%;transform:translate(-50%)}.profile-active #profile-image-faker{display:block;margin:0 0 20px}.profile-active #profile-container img,.profile-active #profile-image-faker{display:block}.profile-active #profile-close{top:0}.profile-active #profile-data{align-items:center;width:100%}.profile-active #profile-data h1,.profile-active #profile-data h2{padding:0 5px}.profile-active #profile-data h1{font-size:2rem}.profile-active #profile-data h2{font-size:1.5rem;margin:0}.profile-active #profile-data h3{display:none}.profile-active #profile-links{height:auto;left:0;width:100%}.profile-active #profile-links ul{display:inline-block;left:50%;opacity:1;transform:translate(-50%)}@keyframes delaySlideUp{0%{top:100%}49%{top:100%}to{top:0}}#projects-trigger{bottom:0;left:0;position:absolute;right:0;text-align:center;transition:.5s;z-index:1}.album-active #projects-trigger{opacity:.1}.album-active #projects-trigger:hover{opacity:1}#projects-trigger h3{cursor:pointer;display:inline-block;font-size:2rem;margin:0 0 25px;position:relative}#projects-trigger h3:before{border-left:5px solid #fff;border-top:5px solid #fff;bottom:calc(85% + 25px);box-sizing:border-box;content:"";display:block;height:25px;left:50%;position:absolute;transform:translate(-50%) rotate(45deg);transition:.25s;width:25px}#projects-trigger:hover h3:before{transform:translate(-50%) rotate(225deg)}#album-data{padding-top:60px;position:absolute;right:25px;top:25px;z-index:3}.album-icon{background:#000000e6;border-radius:50%;cursor:pointer;display:inline-block;height:30px;padding:15px;position:absolute;right:0;top:0;transition:.25s;vertical-align:middle;width:30px;z-index:1}.album-icon:hover{transform:scale(1.25)}#album-camera img{border:0;display:block;height:100%;width:auto}#album-close,#album-info{top:-85px}#album-close{right:70px}#album-close:after,#album-close:before{background:#fff;content:"";display:block;height:20px;left:50%;margin-left:-2px;margin-top:-10px;position:absolute;top:50%;width:4px}#album-close:before{transform:rotate(45deg)}#album-close:after{transform:rotate(-45deg)}#album-info{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;text-transform:lowercase}.album-active #album-data{left:25px}.album-active #album-camera{right:-85px}.album-active #album-close,.album-active #album-info{top:0}.album-active #album-info{transition:1s}body:not(.album-info-clicked) .album-active #album-info{animation:highlight 3s infinite}.album-info-active #album-data{bottom:25px;left:25px}.album-info-active #album-info{background:#ffffffe6;color:#000}@keyframes highlight{0%{background-color:#000}50%{background-color:#aaa}to{background-color:#000}}#photo-wrapper{bottom:0;display:none;margin:-25px 0;max-width:600px;overflow:auto;padding-top:110px;position:absolute;right:-625px;top:0;transition:1s;z-index:0}#photo-data{align-items:flex-end;display:flex;flex-flow:column wrap;justify-content:space-between}.album-active #photo-wrapper{display:block}.album-info-active #photo-wrapper{right:0}#photo-name{font-size:1.75rem;font-weight:700;text-align:right}#photo-location{font-size:1.5rem;font-style:italic;margin-top:10px;padding-left:30px;position:relative;text-align:right}#photo-location:after,#photo-location:before{content:"";left:5px;position:absolute}#photo-location:before{background:#fff;border:5px solid #000;border-radius:50%;box-sizing:border-box;height:20px;width:20px;z-index:1}#photo-location:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #000;top:22px;z-index:0}#photo-description{margin-top:25px;padding:25px}#photo-description p{font-size:1.25rem}#photo-description p:first-child{margin-top:0}#photo-description p:last-child{margin-bottom:0}#album{background-color:transparent;transition:background-color 1s;z-index:0}#album,#album:after{inset:0;position:absolute}#album:after{background:#00000026;content:"";display:block;z-index:1}.album-active #album{background-color:#000;z-index:2}.album-active #album:after{display:none}.album-info-active #album:after{background:#00000080;display:block}.album-action{cursor:pointer;height:100px;margin-top:-50px;position:absolute;top:50%;transition:.25s;width:10px;z-index:2}.album-action:hover{transform:scale(1.5)}.album-action:after,.album-action:before{background:#fff;content:"";display:block;height:50px;width:10px}#album-action-next:before{transform:rotate(-30deg);transform-origin:bottom right}#album-action-prev:before{transform:rotate(30deg);transform-origin:bottom left}#album-action-next:after{transform:rotate(30deg);transform-origin:top right}#album-action-prev:after{transform:rotate(-30deg);transform-origin:top left}#album-action-prev{left:25px;padding-right:30px}#album-action-next{padding-left:30px;right:25px}#album-pictures{height:100%;left:0;list-style:none;margin:0;overflow:hidden;padding:0;position:relative;transition:1s}#album-pictures li{background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;height:100%;width:100%}.album-active #album-pictures li{background-size:contain}#projects{background-position:50%;background-size:cover;display:flex;flex-flow:column wrap;top:100%}.project-active #projects{top:0}#projects,#projects[data-active-project=universeview]{background-image:url(../media/img/project/universeview.jpg)}#projects[data-active-project=trashsim]{background-image:url(../media/img/project/trashsim.jpg)}#projects[data-active-project=ogotcha]{background-image:url(../media/img/project/ogotcha.jpg)}#projects nav ul,#projects-carousel ul{list-style:none;margin:0;padding:0}#projects nav{align-items:flex-start;display:flex;flex:0 0 auto;flex-flow:row nowrap;margin:25px}#projects nav ul{align-items:flex-end;display:flex;flex:1 1 auto}#projects nav ul li{box-sizing:border-box;cursor:pointer;font-size:1.5rem;font-weight:700;margin-right:25px;order:1;transition:.5s}#projects nav ul li,#projects nav ul li span{display:inline-block}#projects nav ul li.selected span,#projects nav ul li:hover span{background:#ffffffe6;color:#000}#projects nav ul li.selected{font-size:3rem;order:0}#projects nav #projects-home{cursor:pointer;font-size:1.25rem;font-weight:700;position:relative}#projects nav #projects-home:before{border-left:4px solid #fff;border-top:4px solid #fff;box-sizing:border-box;content:"";display:inline-block;height:15px;position:absolute;right:100%;top:50%;transform:translate(-15px,-25%) rotate(45deg);transition:.25s;width:15px}#projects nav #projects-home:hover:before{transform:translate(-15px,-50%) rotate(135deg)}#projects-carousel{flex:1 0 auto;position:relative}#projects-carousel ul{height:100%;left:0;position:absolute;transition:.75s;width:300%}#projects-carousel ul:after{clear:both;content:"";display:table}#projects-carousel ul li{display:block;float:left;height:100%;overflow:auto;width:33.33333%}#projects-carousel ul li .project-content{color:#000;margin:0 auto;max-width:800px;padding:0 25px;position:relative}#projects-carousel ul li .project-link{display:block;font-size:1.5rem;font-weight:700;padding:15px 45px 15px 15px;position:absolute;right:25px;text-decoration:none;top:0}#projects-carousel ul li .project-link:after,#projects-carousel ul li .project-link:before{content:"";display:block;position:absolute;right:15px;top:23px}#projects-carousel ul li .project-link:before{border:solid #000;border-width:3px 3px 0 0;height:12px;width:12px}#projects-carousel ul li .project-link:after{background:#000;height:20px;margin-top:2px;transform:rotate(45deg);transform-origin:top right;width:3px}#projects-carousel ul li .project-box{margin-bottom:50px}#projects-carousel ul li .project-box .project-box-content,#projects-carousel ul li .project-box h3{background:#ffffffe6;padding:25px}#projects-carousel ul li .project-box h3{display:inline-block;font-size:1.75rem;margin:0;padding-bottom:0}#projects-carousel ul li .project-box h3:after{border-bottom:3px solid #000;content:"";display:block;margin-top:1rem}#projects-carousel ul li .project-box p{font-size:1.25rem;line-height:1.25}#projects-carousel ul li .project-box p:first-child{margin-top:0}#projects-carousel ul li .project-box p:last-child{margin-bottom:0}@media(max-width:60em){#profile-container img,#profile-image-faker{width:165px}#profile-data h1{font-size:3.5rem}}@media(max-width:50em){#profile-container img,#profile-image-faker{width:135px}#profile-data h1{font-size:2.5rem}#profile-data h2{font-size:1.5rem}#projects nav ul li{font-size:1.25rem}#projects nav ul li.selected{font-size:2rem}#projects-carousel ul li .project-link{font-size:1.25rem}#projects-carousel ul li .project-box h3{font-size:1.5rem}}@media(max-width:40em){#profile{left:15px;top:15px}#profile-container img,#profile-image-faker{width:120px}#profile-image-faker{margin-right:15px}#profile-data h1{font-size:2rem}#profile-data h2{font-size:1.25rem}#album-data{right:15px;top:15px}.album-info-active #album-data{bottom:15px;left:15px}#album-action-prev{left:15px}#album-action-next{right:15px}#projects-trigger h3{font-size:1.5rem;margin-bottom:15px}#projects-trigger h3:before{bottom:calc(85% + 15px)}#projects nav{margin:15px 15px 25px}#projects nav ul{flex-flow:row wrap}#projects nav ul li.selected{flex:1 0 100%;margin-bottom:15px;margin-right:0}#projects-carousel ul li .project-content{padding:0 15px}#projects-carousel ul li .project-link{right:15px}#projects-carousel ul li .project-box h3{padding:15px 20px 0}}@media(max-width:30em){#profile-container img,#profile-image-faker{display:none}#projects-carousel ul li .project-link{margin-bottom:25px;position:relative;right:auto;top:auto}}@media(max-width:25em){#profile-data h1{font-size:1.75rem}#projects nav{flex-wrap:wrap}#projects nav ul{order:1}#projects nav #projects-home{box-sizing:border-box;flex:1 0 100%;margin-bottom:15px;order:0}#projects nav #projects-home:before{border-color:#000;right:0}}#cv{min-height:100%;padding:50px 25px}#cv:before{background:url(../media/img/album/japan-preview.jpg) 50% no-repeat;background-size:cover;content:"";display:block;inset:0;position:fixed}.cv-wrapper{margin:0 auto;max-width:800px;position:relative;z-index:1}#cv section{margin-top:50px}#cv section>h3{display:inline-block;font-size:1.5rem;margin:0}#cv section .cv-box{background:#fff;padding:25px}#cv section .cv-box p:first-child{margin-top:0}#cv section .cv-box p:last-child{margin-bottom:0}#cv section .cv-box-extra{background-color:#e6e6e6}a{cursor:pointer}.experience ul{list-style:none;margin:0;padding:0}.experience ul li+li{margin-top:25px}.experience ul li h4{font-size:1.2rem;margin:0}.experience ul li h5{font-size:1.1rem;font-weight:400;margin:0}.expertise ul{margin:0;padding:0}.expertise ul.skills:after{clear:both;content:"";display:block}.expertise ul.skills>li{float:left;margin-left:3%;width:30.33333%}.expertise ul li+li,.expertise ul li>ul{margin-top:5px}.expertise ul li>ul{margin-left:25px}#cv #cv-profile{margin-top:0;position:relative}#cv-profile #profile-close{display:none}#cv-profile #profile-bg{background:#fff;height:0;left:50%;position:absolute;top:50%;transition:1s;width:0}#cv-profile.profile-active #profile-close{display:block}#cv-profile.profile-active #profile-bg{height:100%;inset:0;position:fixed;width:100%}@media(max-width:30em){#cv #profile-container img,#cv #profile-image-faker{display:block;flex-shrink:0}#cv #profile-data h1{font-size:1.75rem}#cv #profile-data h3{margin-top:10px}}@media(max-width:35em){#cv{padding:30px 15px}.expertise ul.skills>li{margin-left:5%;width:45%}}#__nuxt,body,html{height:100%}