@-webkit-keyframes anim-fadein{0%{opacity:0}to{opacity:1}}@keyframes anim-fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes anim-fadeout{0%{opacity:1}to{opacity:0}}@keyframes anim-fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes anim-shrink{to{height:0}}@keyframes anim-shrink{to{height:0}}body,html{width:100%;height:100%;margin:0;padding:0;color:#282828}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;font-size:12px;line-height:1}a{color:#449}ol,p,ul{margin:0}ol,ul{padding-left:1rem}main{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.contents{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer{color:#ccc}@-webkit-keyframes appear-lines{0%{opacity:0}to{opacity:1}}@keyframes appear-lines{0%{opacity:0}to{opacity:1}}.page{position:relative}:root{font-size:18px;font-size:clamp(18px,1.2vw,25px)}.page.page-index section.card{padding:1.5rem;border-radius:4px;background:#fbfbfb;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);-webkit-transition:.75s .2s;-o-transition:.75s .2s;transition:.75s .2s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.page.page-index section.card.appear{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.page.page-index>section.works .work{margin-bottom:2rem}.page.page-index>section.works .work h3{line-height:1.4}.page.page-index>section.works .work .info .summary{font-size:.85rem;margin-bottom:1rem}.page.page-index>section.works .work .info .summary>div:before{color:#666}.page.page-index>section.works .work .info .summary .client:before{content:"CLIENT: "}.page.page-index>section.works .work .info .summary .role:before{content:"ROLE: "}.page.page-index>section.works .work .info .summary .languages:before{content:"LANG: "}.page.page-index>section.works .work .info .summary .tech:before{content:"TECH: "}.page.page-index>section.works .work .info .description{margin-bottom:1rem;font-size:.85rem}.page.page-index>section.works .work .info .links{font-size:.75rem}.page.page-index>section.works .work .info .links:before{content:"LINK: ";color:#666}@-webkit-keyframes appear{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes appear{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@media screen and (max-width:768px){footer{font-size:.8rem}:root{font-size:clamp(14px,4.5vw,24px)}.page.page-index{padding:0 5vw}.page.page-index section.card{padding:1rem}.page.page-index{padding:5vh 5vw;font-size:1rem}.page.page-index h1{font-size:1.6rem}.page.page-index h2{font-size:1.4rem;margin-bottom:1rem}.page.page-index>header h1{margin-bottom:.5rem}.page.page-index>header h2{font-size:1.2rem}.page.page-index h3,.page.page-index h4,.page.page-index h5,.page.page-index h6{font-size:1.2rem;margin-bottom:1rem}.page.page-index section{margin-top:3rem}.page.page-index section section{margin-top:1.5rem}.page.page-index p,.page.page-index ul{margin-top:2rem}.page.page-index li{margin-top:.75rem;font-size:.8rem}.page.page-index li:first-child{margin-top:0}.page.page-index p{line-height:1.6}}@media screen and (min-width:769px){footer{font-size:.8rem}.page.page-index{width:740px;padding:5vh 0;font-size:1rem}.page.page-index h1{font-size:2rem;margin-bottom:1rem}.page.page-index h2{font-size:1.5rem;margin-bottom:1rem}.page.page-index h3,.page.page-index h4,.page.page-index h5,.page.page-index h6{font-size:1.2rem;margin-bottom:1rem}.page.page-index section{margin-top:2.5rem}.page.page-index section section{margin-top:2rem}.page.page-index p,.page.page-index ul{margin-top:1rem}.page.page-index li{margin-top:.5rem;font-size:.8rem}.page.page-index li:first-child{margin-top:0}.page.page-index p{line-height:1.6}}