@charset "UTF-8";.japanese h3,.right{text-align:right}@font-face{font-family:SerifType;font-style:normal;font-weight:400;src:url(../fonts/AshburyW01-Light.ttf);src:local("Ashbury W01 Light"),local("AshburyW01-Light"),url(../fonts/AshburyW01-Light.ttf) format("truetype")}*{color:#0e0e0e}body{background-color:#eeefef;font-size:20px;line-height:25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,a,button,h1,h2,h3,h4,h5,h6,input,li,p,textarea{font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;color:#0e0e0e}.desc-container,p{font-family:SerifType,serif;line-height:1.25em}.col,.menu-button,.nav-wrapper,.row,a img,em,fieldset,form,h2,h3,h4,h5,h6,i,nav,nav .brand-logo,nav ul a,nav ul li,p,span{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}h1{font-size:3.5em;font-weight:700;text-transform:uppercase}h2{font-size:1.6em;font-weight:300;text-transform:capitalize}h3,h4{font-weight:600;text-transform:capitalize}h3{font-size:1.5em}h4{font-size:1.25em}h5,p{font-size:1em}h5{font-weight:400;text-transform:capitalize}.title{padding-top:25px;max-width:415px;width:100%;border-top:1px solid #0e0e0e}.row{position:relative;z-index:2}.right{float:right}.left{float:left;text-align:left}.button,button{color:#fe00ee;font-weight:600;margin-right:20px;width:200px;height:40px;background:rgba(254,0,238,0);border:1px solid #fe00ee;will-change:background,color;-webkit-transition:all .5s cubic-bezier(.48,.13,.92,.61);-moz-transition:all .5s cubic-bezier(.48,.13,.92,.61);-ms-transition:all .5s cubic-bezier(.48,.13,.92,.61);-o-transition:all .5s cubic-bezier(.48,.13,.92,.61);transition:all .5s cubic-bezier(.48,.13,.92,.61);-webkit-border-radius:4px!important;-moz-border-radius:4px!important;border-radius:4px!important}.container,.loading{height:100%}.button{text-align:center;text-decoration:none;line-height:40px}.button:active,.button:focus,.button:hover,button.active,button:active,button:focus,button:hover{color:#eeefef;text-decoration:none;background:#fe00ee}.content-row{margin:0 auto;padding:95px 0}.loading{width:100%;padding:20%;position:fixed;z-index:999999;opacity:1;background-color:#eeefef;will-change:padding,opacity;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}.nav-bg,.nav>li{will-change:top}.loading.active{padding:24%}.loading-text{margin:0 auto;width:40%;text-align:center}.loading-text.active{padding-bottom:10px}.loading-text h1{font-style:italic;color:#fe00ee}.fa,.navbar-nav>li>a{color:#0e0e0e!important}.progress{height:10px!important;margin-top:20px!important}.nav-bg,nav{height:80px}.progress-bar{background-color:#fe00ee}.navbar-default{background-color:transparent!important;border:0}.nav-bg{position:fixed;width:100%;top:-100px;left:0;z-index:10;background-color:#fe00ee;-webkit-transition:top .5s ease-in;-moz-transition:top .5s ease-in;-ms-transition:top .5s ease-in;-o-transition:top .5s ease-in;transition:top .5s ease-in}.nav>li,.navbar-nav>li>a{width:100px;text-align:center}.nav-bg.active{top:0}.nav>li{top:40px;display:block;-webkit-transition:top .5s ease-in;-moz-transition:top .5s ease-in;-ms-transition:top .5s ease-in;-o-transition:top .5s ease-in;transition:top .5s ease-in}.nav>li.active{top:0}.navbar-nav>li>a{padding:0;margin:0 auto;display:inline-block;font-size:1em;font-weight:300;float:none;will-change:border,padding;border-bottom:1px solid transparent;-webkit-transition:all .25s cubic-bezier(.48,.13,.92,.61);-moz-transition:all .25s cubic-bezier(.48,.13,.92,.61);-ms-transition:all .25s cubic-bezier(.48,.13,.92,.61);-o-transition:all .25s cubic-bezier(.48,.13,.92,.61);transition:all .25s cubic-bezier(.48,.13,.92,.61)}.navbar-nav>.active>a{background:0 0!important}.navbar-nav>li>a:hover{padding-bottom:20px;border-bottom:1px solid #000}.navbar-default .navbar-toggle .icon-bar,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#6a30ff}.navbar-default .navbar-collapse,.navbar-default .navbar-form,.navbar-default .navbar-toggle{position:relative;z-index:9999}.navbar-default .navbar-toggle{width:inherit}.navbar-default .navbar-toggle .icon-bar{background-color:#0e0e0e!important}li>a>i{width:40px;height:40px;line-height:40px!important;text-align:center;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;border-radius:20px!important;background-color:rgba(106,48,255,0);will-change:background-color;border:1px solid #0e0e0e;-webkit-transition:background-color .25s cubic-bezier(.48,.13,.92,.61);-moz-transition:background-color .25s cubic-bezier(.48,.13,.92,.61);-ms-transition:background-color .25s cubic-bezier(.48,.13,.92,.61);-o-transition:background-color .25s cubic-bezier(.48,.13,.92,.61);transition:background-color .25s cubic-bezier(.48,.13,.92,.61)}.icon,.side-nav{will-change:top}.icon,.icon>a{width:50px!important;border-bottom:none!important}li>a>i:hover{background-color:#6a30ff}.icon{top:30px!important;-webkit-transition:top .5s ease-in;-moz-transition:top .5s ease-in;-ms-transition:top .5s ease-in;-o-transition:top .5s ease-in;transition:top .5s ease-in}.icon.active{top:-10px!important}.side-nav-cont{position:relative;float:right;height:100%}.about-container,.facts,.side-nav{position:absolute;left:0}.side-nav{display:block;margin:0 auto;padding:0;right:0;top:400%;transition:top .5s cubic-bezier(.48,.13,.92,.61)}.side-nav.active{top:160%}.side-nav>ul{width:40px;overflow:hidden}.side-nav>ul>li,.side-nav>ul>li>a{margin:0 auto;display:inline-block;float:right}.side-nav>ul>li{width:40px;height:40px;top:0!important}.side-nav>ul>li>a{width:16px;height:16px;padding:0;border:2px solid #fe00ee;-webkit-border-radius:16px!important;-moz-border-radius:16px!important;border-radius:16px!important;background:rgba(254,0,238,0);will-change:background;-webkit-transition:background .25s cubic-bezier(.48,.13,.92,.61);-moz-transition:background .25s cubic-bezier(.48,.13,.92,.61);-ms-transition:background .25s cubic-bezier(.48,.13,.92,.61);-o-transition:background .25s cubic-bezier(.48,.13,.92,.61);transition:background .25s cubic-bezier(.48,.13,.92,.61)}.side-nav>ul>li>.active,.side-nav>ul>li>a:hover{background:#fe00ee}.facts{height:100%;width:100%;z-index:1;opacity:0;will-change:opacity;transition:opacity .5s cubic-bezier(.48,.13,.92,.61)}.about-container,.about-paragraph,.about-title{text-align:left;color:#eeefef;font-size:1.25em}.desc-container,.desc-container h2,.desc-container p,.portfolio-window h2,.portfolio-window p,.proj-sect{color:#eeefef!important}.about-container.active{background-color:rgba(0,0,0,.75);max-height:12em;z-index:100}.about-title{display:inline-block;font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;font-size:1em;font-weight:600}.about-paragraph{display:inline-block;padding:4% 10% 0;font-size:.75em;letter-spacing:.02em}.about-container>span>.fa{color:#eeefef!important;font-size:.75em;padding:0 20px}.about-container{padding:3%;top:0;max-height:2.5em;overflow:hidden;cursor:pointer;width:35%;background-color:transparent;will-change:max-height;-webkit-transition:max-height .25s cubic-bezier(.48,.13,.92,.61);-moz-transition:max-height .25s cubic-bezier(.48,.13,.92,.61);-ms-transition:max-height .25s cubic-bezier(.48,.13,.92,.61);-o-transition:max-height .25s cubic-bezier(.48,.13,.92,.61);transition:max-height .25s cubic-bezier(.48,.13,.92,.61)}.about-top{background-color:#6a30ff;height:697px}.about-bottom{height:657px;background-color:#0e0e0e}.about-img-container{width:100%;overflow:hidden;text-align:center;float:none}.about-img-container>img{max-width:1366px;position:relative;left:0}.about{top:25%;float:left;z-index:4}#about-peter{display:none}.proj-sect{display:block;padding:.15em 0}.yashica{position:absolute;width:100%;top:0;left:0;z-index:1}.yashica img{display:block;float:right;margin-top:150px;width:100%;max-width:1046px}.desc{margin-top:40px}.pink-triangle,.purple-triangle{position:fixed;margin:0 auto;top:-150px;left:-20px;width:2000px;height:300px;z-index:5;opacity:1;-ms-transform:rotate(4deg);-webkit-transform:rotate(4deg);transform:rotate(4deg);background:#fb00a5;background:-webkit-linear-gradient(45deg,#fb00a5,#fe00ee);background:-o-linear-gradient(45deg,#fb00a5,#fe00ee);background:-moz-linear-gradient(45deg,#fb00a5,#fe00ee);background:linear-gradient(45deg,#fb00a5,#fe00ee);-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in;-ms-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in}.purple-triangle{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);top:-140px;left:-100px;z-index:2;background:#4a089b;background:-webkit-linear-gradient(170deg,#4a089b,#7e00ff);background:-o-linear-gradient(170deg,#4a089b,#7e00ff);background:-moz-linear-gradient(170deg,#4a089b,#7e00ff);background:linear-gradient(170deg,#4a089b,#7e00ff)}.active.purple-triangle,.pink-triangle.active,.purple-triangle.active{top:-360px;transform:rotate(0)}.about-text{will-change:top,left}[data-about=guitarist]{top:40%;left:10%}[data-about=gym]{top:60%;left:20%}[data-about=addict]{top:30%;left:50%}[data-about=dog]{top:60%;left:55%}.port-wheel{position:absolute;overflow-x:scroll;overflow-y:hidden;width:100%;left:0;height:inherit!important}.port-wheel-container{width:20000px}.portfolio-container{height:826px;background-color:#eeefef}.portfolio-selection,.resume-container,.resume-selection,form{margin:45px 0}.resume-container .button,.resume-container button,.resume-selection .button,.resume-selection button,form .button,form button{margin:2% 0;width:90%;text-align:left;padding-left:1em}.project-container{display:inline-block;position:relative;top:0;height:450px;width:415px;max-height:450px;margin:0 5px;overflow:hidden;line-height:0;background-color:#c6c4be;-webkit-border-radius:4px!important;-moz-border-radius:4px!important;border-radius:4px!important;opacity:1;transition:all .25s cubic-bezier(.48,.13,.92,.61)}.project-container.active{top:-500px;opacity:0}.desc-container,.desc-overlay,.desc-overlay a{height:100%;width:100%;display:inline-block}.desc-overlay{position:relative!important;overflow:hidden}.desc-overlay a{background:0 0;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.75));background:-o-linear-gradient(transparent,rgba(0,0,0,.75));background:-moz-linear-gradient(transparent,rgba(0,0,0,.75));background:linear-gradient(transparent,rgba(0,0,0,.75))}.desc-container{top:100%;position:absolute;padding:10em 40px 0;font-size:.9em;height:100%;z-index:5;will-change:top;background:rgba(0,0,0,.75);background:-webkit-linear-gradient(rgba(0,0,0,.75),#000);background:-o-linear-gradient(rgba(0,0,0,.75),#000);background:-moz-linear-gradient(rgba(0,0,0,.75),#000);background:linear-gradient(rgba(0,0,0,.75),#000);-webkit-transition:top .25s ease-in;-moz-transition:top .25s ease-in;-ms-transition:top .25s ease-in;-o-transition:top .25s ease-in;transition:top .25s ease-in;-webkit-border-radius:4px!important;-moz-border-radius:4px!important;border-radius:4px!important}.desc-container h2{padding-bottom:10px}.desc-container.active{top:0}.desc-overlay>a>img{position:relative;z-index:2}.project-img{width:100%;height:100%;left:0;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}.project-img.active{left:-10%;width:120%;height:120%}.project-image img{display:block;margin:0 auto 20px;width:100%;max-width:280px}.project-image .button{display:block;margin:10px auto 0}.portfolio-window{height:100%;overflow:hidden;max-height:800px;background-color:#0e0e0e;will-change:max-height;-webkit-transition:max-height .5s cubic-bezier(.48,.13,.92,.61);-moz-transition:max-height .5s cubic-bezier(.48,.13,.92,.61);-ms-transition:max-height .5s cubic-bezier(.48,.13,.92,.61);-o-transition:max-height .5s cubic-bezier(.48,.13,.92,.61);transition:max-height .5s cubic-bezier(.48,.13,.92,.61)}.portfolio-window.active{max-height:0}.portfolio-window>.container>.row{margin:100px auto}.portfolio-window h2{line-height:2em}.subtitle{font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;font-weight:600;color:#eeefef}.download i{font-size:1.75em}.download a{font-family:SerifType,serif}.dl-text{padding-left:1em}.resume-container{width:80%;overflow-y:scroll;height:100%;max-height:600px;will-change:max-height;transition:max-height .5s cubic-bezier(.48,.13,.92,.61)}.resume-container.active{max-height:0}.resume-desc>p{margin:.25em 0}.resume-desc>p>.subtitle{color:#0e0e0e}.resume-desc{margin:.5em 0;display:inline-block}.exp{margin:.25em 0}.exp>ul{margin:.5em 0;padding:0 1em}.exp>ul>li{font-size:.9em;font-weight:400}.contact{background:url(../img/yokoFabric_bg.jpg)}fieldset{background-color:#eeefef;margin:0 auto;padding:4% 10%;-webkit-border-radius:4px!important;-moz-border-radius:4px!important;border-radius:4px!important}.input-group{margin:10px 0}.input-group textarea{height:92px!important}form .button{width:40%;float:right;margin:0 auto;padding:0;text-align:center}footer{background-color:#1a1a1c}footer a,footer p{font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;font-weight:600}footer .fa,footer p{color:#fe00ee!important}footer a{color:#6a30ff}@media screen and (min-width:1200px){#about-peter{display:block}}@media screen and (min-width:992px){.about-container{width:35%}}@media screen and (min-width:768px){#nav-size{display:inline-block!important;position:relative;width:100%!important;height:0!important;z-index:9999}}@media screen and (max-width:1200px){.yashica img{margin-top:20%;position:relative;max-width:900px;left:10%}.side-nav{right:10%}}@media screen and (max-width:993px){.resume,.resume-container{height:100%!important}.yashica img{display:none}.portfolio-window{max-height:100%}.resume-container{max-height:100%!important}}@media screen and (max-width:767px){.nav>li{top:0;padding:10px;width:100%}.icon{margin:10px auto!important;padding:10px 0!important;top:0!important}.icon>li>a:hover{padding-bottom:10px!important}.navbar-default .navbar-collapse{background-color:#fe00ee}.navbar-default .navbar-collapse,.navbar-default .navbar-form,.navbar-default .navbar-toggle{border:1px solid #6a30ff}.nav{margin-bottom:20px}.side-nav{display:none}.button,button{width:100%;margin:2% 0}.left{float:inherit}.portfolio-container{height:900px}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:1200px}}