article,aside,details,figcaption,figure,footer,header,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}::-moz-selection{background:rgba(0,0,0,0.2);color:#fff;text-shadow:none}::selection{background:rgba(0,0,0,0.2);color:#fff;text-shadow:none}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix::after{content:"";display:table;clear:both}.clearfix:after{content:"";display:table;clear:both}.button-simple{background-color:transparent;border:0}.hide-text{display:inline-block;overflow:hidden;text-indent:-6000px}@media only screen and (max-width:767px){.mobile{display:block}.desktop{display:none}}@media only screen and (min-width:767px){.mobile{display:none}.desktop{display:block}}@font-face{font-family:'Muli';font-style:normal;font-weight:400;src:local('Muli Regular'),local('Muli-Regular'),url(/css/fonts/Muli/Muli-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Muli';font-style:normal;font-weight:600;src:local('Muli SemiBold'),local('Muli-SemiBold'),url(/css/fonts/Muli/Muli-SemiBold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Muli';font-style:normal;font-weight:700;src:local('Muli Bold'),local('Muli-Bold'),url(/css/fonts/Muli/Muli-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Amatic SC';font-style:normal;font-weight:700;src:local('Amatic SC Bold'),local('AmaticSC-Bold'),url(/css/fonts/Amatic_SC/AmaticSC-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}.logo-inline{width:195px;height:44px;display:inline-block;text-indent:-999px;overflow:hidden;background:url(/images/logo-inline.svg) no-repeat;filter:drop-shadow(0px 1px 2px rgba(0,0,0,0.3))}.logo-inline a{display:inline-block}#main-header{width:100%;text-align:center;z-index:99;top:0;position:fixed;transition:top .3s,background .3s;background-image:linear-gradient(180deg,rgba(3,2,0,0.6) 0,rgba(3,2,0,0) 100%);background-position:0 -68px;background-repeat:no-repeat}#main-header.show-on-scroll-up{background-position:0 0}#main-header>.content{max-width:1220px;margin:0 auto;height:68px}#main-header>.content::after{content:"";display:table;clear:both}#main-header>.content:after{content:"";display:table;clear:both}#main-header .logo-inline{float:left;margin:.5rem 16px}@media only screen and (max-width:767px){#main-header .nav-main{height:0;overflow:hidden;transition:.3s cubic-bezier(0.77,0,0.18,1);z-index:2}#main-header .nav-main.selected{height:100vh}#main-header .nav-main{width:100%;background:linear-gradient(135deg,rgba(97,10,69,0.9) 0,rgba(141,96,69,0.9) 100%);background-size:cover;position:fixed;top:0;display:flex;flex-flow:column nowrap;justify-content:center}#main-header .nav-main ul{align-self:center}#main-header .nav-main ul:before{content:" ";width:119px;height:6px;display:block;background:url(/images/menu-all.svg) 0 -387px no-repeat;position:relative;bottom:-2px}#main-header .nav-main ul:after{content:" ";width:119px;height:6px;display:block;background:url(/images/menu-all.svg) 0 -364px no-repeat;position:relative;top:-1px}#main-header .nav-main li:after{content:'';width:119px;height:1px;overflow:hidden;display:block;background:url(/images/menu-all.svg) 0 -377px no-repeat}#main-header .nav-main li:last-of-type:after{display:none}#main-header .nav-main li a{position:relative;width:119px;min-height:60px;overflow:hidden;display:block;height:inherit;cursor:pointer;z-index:3;outline:0;color:#fff}#main-header .nav-main a .title{width:119px;background-image:url(/images/menu-all.svg);background-repeat:no-repeat;display:block;text-indent:-6000px;overflow:hidden;height:inherit;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;position:relative;z-index:2;top:0;opacity:1}#main-header .nav-main a:hover .title,#main-header .nav-main a.selected .title{transform:rotateY(90deg);transform-origin:100% 0;opacity:0}#main-header .nav-main a .caption{width:119px;background-image:url(/images/menu-all.svg);background-repeat:no-repeat;display:block;height:inherit;transition:all .3s;transform:rotateY(-90deg);transform-origin:0 0;position:absolute;top:0;z-index:1;opacity:0;text-indent:-600px;overflow:hidden}#main-header .nav-main a:hover .caption,#main-header .nav-main a.selected .caption{transform:rotateY(0deg);opacity:1}#main-header .nav-main .divider{width:119px;height:1px;overflow:hidden;display:block;background:url(/images/menu-all.svg) 0 -377px no-repeat}#main-header .nav-main .about a,#main-header .nav-main .about a span{height:60px}#main-header .nav-main .about .title{background-position:0 0}#main-header .nav-main .about .caption{background-position:-121px 0}#main-header .nav-main .skills a,#main-header .nav-main .skills a span{height:62px}#main-header .nav-main .skills .title{background-position:0 -61px}#main-header .nav-main .skills .caption{background-position:-121px -61px}#main-header .nav-main .portfolio a,#main-header .nav-main .portfolio a span{height:64px}#main-header .nav-main .portfolio .title{background-position:0 -124px}#main-header .nav-main .portfolio .caption{background-position:-121px -124px}#main-header .nav-main .scrapbook a,#main-header .nav-main .scrapbook a span{height:60px}#main-header .nav-main .scrapbook .title{background-position:0 -189px}#main-header .nav-main .scrapbook .caption{background-position:-121px -189px}#main-header .nav-main .contact a,#main-header .nav-main .contact a span{height:60px}#main-header .nav-main .contact .title{background-position:0 -249px}#main-header .nav-main .contact .caption{background-position:-121px -249px}#main-header .nav-social ul{width:108px;text-align:center;margin:0 auto 20px;padding-right:2px}#main-header .nav-social li a{margin:0 auto;width:26px;height:25px;text-indent:-6000px;overflow:hidden;display:block;background-image:url(/images/menu-all.svg)}#main-header .nav-social li a:hover{opacity:.5;transition:.3s}#main-header .nav-social .linkedin a{background-position:-46px -328px}#main-header .trigger{position:absolute;width:40px;height:40px;top:10px;right:0;display:block;background-color:transparent;border:0;display:inline-block;overflow:hidden;text-indent:-6000px}#main-header #menu-hide{background:url(/images/close.svg) center center no-repeat;z-index:3}#main-header #menu-show{background:url(/images/menu.svg) center center no-repeat;z-index:1}}@media only screen and (min-width:768px){#main-header .nav-main{float:right}#main-header .nav-main li{display:inline-block}#main-header .nav-main li a{display:inline-block;color:#fff;font-weight:600;text-decoration:none;padding:25px 16px 16px;transition:color .1s}#main-header .nav-main li a:hover{color:rgba(255,255,255,0.7)}#main-header .nav-main li a .caption{display:none}#main-header .nav-main li a.selected{color:rgba(255,255,255,0.5)}#main-header .trigger{display:none}}.dark #main-header .logo-inline{filter:invert(85%) drop-shadow(0px 1px 2px rgba(0,0,0,0.3))}.dark #main-header #menu-show{filter:invert(80%)}@media only screen and (min-width:768px){.dark #main-header .nav-main a{color:rgba(0,0,0,0.8)}.dark #main-header .nav-main a:hover{color:rgba(0,0,0,0.7)}.dark #main-header .nav-main a.selected{color:rgba(0,0,0,0.5)}}*{box-sizing:border-box}html{font-size:10px;font-family:"Muli",sans-serif;color:#fff}html,body{margin:0;min-height:100vh}body{line-height:1.4;font-size:1.6rem}@media only screen and (max-width:360px){body{font-size:1.4rem}}@media only screen and (min-width:361px) and (max-width:639px){body{font-size:1.5rem}}.text-page{background-size:cover;min-height:100vh}.text-page>.content{max-width:760px;margin-left:auto;margin-right:auto;text-align:center;display:flex;flex-flow:column nowrap;justify-content:center;min-height:96vh}@media only screen and (max-width:639px){.text-page>.content{padding-left:3%;padding-right:3%;padding-top:5em;padding-bottom:2em}}@media only screen and (min-width:640px){.text-page>.content{padding-left:10px;padding-right:10px;padding-top:12rem;padding-bottom:12rem}}.text-page>.content h1{font-size:4rem;margin-bottom:.4em;margin-left:auto;margin-right:auto;text-shadow:1px 3px rgba(0,0,0,0.2)}@media only screen and (min-width:640px){.text-page>.content h1{font-size:4.5rem}}.text-page>.content p.lead{font-size:1.35em;line-height:150%;max-width:100%;text-align:center;color:#fff;border-top:1px solid rgba(255,255,255,0.15);border-bottom:1px solid rgba(255,255,255,0.15);margin:1.6em auto .7em;padding:.8em .6em 1em}@media only screen and (max-width:639px){.text-page>.content p.lead{padding-left:0;padding-right:0;font-size:1.20em}}.text-page>.content p{max-width:600px;margin-left:auto;margin-right:auto;line-height:155%;color:rgba(255,255,255,0.8);text-align:left;align-self:center}.text-page>.content p a{color:rgba(255,255,255,0.7);transition:color .1s}.text-page>.content p a:hover{color:#fff}.text-page>.content .img-wrapper{margin:1.6em 0;position:relative}.text-page>.content .img-wrapper img{display:block;margin-left:auto;margin-right:auto}.text-page>.content .img-wrapper.illustration{position:relative;height:218px;margin-bottom:6em}.text-page>.content .img-wrapper.illustration img{left:-9999px;right:-9999px;margin:auto;position:absolute}.home{background-size:cover;min-height:100vh;background:linear-gradient(135deg,#610a45 0,#a22339 100%)}.home .canvas-gradient,.home .canvas-stars{position:absolute}.home>.content{min-height:100vh;display:flex;flex-flow:column nowrap;justify-content:center;align-content:center;align-items:center}@media only screen and (min-height:639px){.home>.content{height:100vh}}.home>.content .menu{height:570px;flex:0 1 auto;align-self:center;margin:3em 0}.home>.content .menu h2{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.text-page.about{background:linear-gradient(135deg,#a22339 0,#cd8923 100%)}.text-page.about h1{font-family:"Amatic SC",sans-serif;font-weight:700;font-size:5.5rem}.text-page.about>.content ul{font-family:"Amatic SC",sans-serif;font-weight:700;text-align:left;list-style:none;font-size:1.6em;padding-left:0}.text-page.about>.content ul li{margin:.3em 0;border-bottom:1px dashed rgba(255,255,255,0.5);color:rgba(255,255,255,0.8);padding-bottom:.3em}.text-page.about>.content ul li:last-of-type{border-bottom:0}.text-page.what-i-do{overflow:hidden;background:#611058;background:linear-gradient(135deg,#43366a 0,#61335e 100%)}@media only screen and (max-width:639px){.text-page.what-i-do>.content{padding-top:7em}}@media only screen and (min-width:640px){.text-page.what-i-do>.content{padding-top:18rem;padding-bottom:8rem;max-width:860px}}.text-page.what-i-do h1{background:url(/images/title-skills.svg) center center no-repeat;text-indent:-9999px;overflow:hidden;height:140px;width:100%}@media only screen and (max-width:639px){.text-page.what-i-do h1{height:100px;background-size:contain}}.text-page.what-i-do .text{max-width:660px;margin:0 auto;align-self:center}.text-page.what-i-do .skills-wrapper{text-align:left;margin:3em 0 4em}.text-page.what-i-do .skills-wrapper:last-of-type{margin-bottom:2em}.text-page.what-i-do .skills-wrapper h2{text-align:center;font-size:1.6em;font-weight:900;display:flex;flex-flow:row nowrap;justify-content:center}.text-page.what-i-do .skills-wrapper h2:before,.text-page.what-i-do .skills-wrapper h2:after{content:" ";background:rgba(255,255,255,0.15);height:2px;flex:1 1 auto;align-self:center}.text-page.what-i-do .skills-wrapper h2 span{flex:0 1 auto;padding:0 8px}.text-page.what-i-do .skills-wrapper ul{margin:0;padding-left:20px}.text-page.what-i-do .skills-wrapper li{margin:.5em 0;font-size:1.1em;line-height:150%}.text-page.contact{background:#364899;background:linear-gradient(135deg,#3e2c6a 0,#784b8c 40%,#bc668e 80%);background-size:150% auto}.text-page.contact p,.text-page.contact iframe{max-width:460px;margin-left:auto;margin-right:auto}.text-page.contact .email{margin:0 auto;text-align:center}#contact-form{margin:1em auto 1em;max-width:460px;text-align:left}#contact-form .form-field-wrapper{position:relative;margin:1rem 0}#contact-form label{display:inline-block;font-size:.7em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,0.85)}#contact-form input,#contact-form textarea{font-family:"Muli","Segoe UI",Arial,Helvetica,sans-serif;font-size:1.4rem}#contact-form input[type="text"],#contact-form input[type="email"],#contact-form textarea{width:100%;background:rgba(255,255,255,0.2);border:2px solid transparent;padding:.4rem .6rem;border-radius:2px;margin-top:.3rem;transition:border .1s;color:#fff}#contact-form textarea{min-height:200px}#contact-form input:invalid:focus,#contact-form textarea:invalid:focus{border:2px solid rgba(255,255,255,0.6)}#contact-form input:invalid:focus,#contact-form textarea:invalid:focus{border:2px solid rgba(255,255,255,0.6)}#contact-form input:invalid,#contact-form textarea:invalid{box-shadow:none}#contact-form input[type="submit"]{float:right;background:rgba(255,255,255,0.8);border:0;padding:.7rem 2rem .6rem;font-size:.8em;text-transform:uppercase;font-weight:700;margin-top:.5rem;border-radius:2px;box-shadow:0 2px 0 rgba(0,0,0,0.3)}#contact-form input[type="submit"]:active{transform:translateY(2px);box-shadow:none}#main-footer{text-align:center;font-size:1rem;margin:0 auto;padding:1.2em 0;opacity:.6}