/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */html{color:#222;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden,.js-hidden{display:none!important;visibility:hidden;opacity:0}.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}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.about a,.page-footer a,.projects a{color:#cdf6ff;text-decoration:none}.about a:active,.about a:focus,.about a:hover,.page-footer a:active,.page-footer a:focus,.page-footer a:hover,.projects a:active,.projects a:focus,.projects a:hover{color:#01d2ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(open-sans-v15-latin-300.2ebb81d2.woff2) format("woff2"),url(open-sans-v15-latin-300.9956b40a.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(open-sans-v15-latin-700.1b3c2130.woff2) format("woff2"),url(open-sans-v15-latin-700.285ede81.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:800;src:local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(open-sans-v15-latin-800.a90ac544.woff2) format("woff2"),url(open-sans-v15-latin-800.2b6b584f.woff) format("woff")}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein_from_right{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes popup{0%{transform:scale(0)}75%{transform:scale(1.2)}to{transform:scale(1)}}.about:after,.btcf:after,.form-group:after,.page-footer:after,.primary-skills:after,.project:after{content:"";display:table;clear:both}.list-inline{list-style:none;padding:0}.list-inline li{font-weight:700;text-transform:lowercase;display:inline;padding:0 .75em;font-size:.875em;line-height:1.71429;white-space:nowrap}.container{max-width:1440px;margin:0 auto}.form-group{padding:.375em 0;margin-top:0}.form-element,button{border:thin solid;padding:.3em;background-color:transparent;transition:background-color .3s ease}.form-element.active,.form-element:active,.form-element:focus,.form-element:hover,button.active,button:active,button:focus,button:hover{background-color:rgba(0,0,0,.25)}button{padding:.3em 1em}.navbar{background-color:#1a3940;padding:0 1.5em}@media screen and (min-width:1440px){.navbar{padding-bottom:0}}.navbar .container{display:flex;align-items:flex-start}.navbar a{color:#67e4ff;padding:1em 1.5em;text-decoration:none;border-left:thin solid #4dabbf;border-right:thin solid #4dabbf}.navbar a.active,.navbar a:active,.navbar a:focus,.navbar a:hover{background-color:rgba(103,228,255,.2)}.navbar a+a{border-left:none}.navbar *+*{margin-top:0}*{box-sizing:border-box}*,.visuallyhidden+*{margin-top:0;margin-bottom:0}*+*{margin-top:1.5em}*+br{margin-top:0}html{font-size:1em}body{line-height:1.5;font-family:Open Sans,sans-serif;font-weight:300;margin:none;overflow-x:hidden}body.no-overflow{overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:300}.h2,h2,h3,h4{font-size:1.5em;line-height:1}abbr{cursor:help;text-decoration:none}a>abbr{cursor:pointer}a{text-decoration:underline;color:#000}.page-wrapper{width:100%}.page-wrapper>footer,.page-wrapper>header,.page-wrapper>section{margin:0;padding:3em 1.5em}.simple-page-header{width:100%;position:absolute;top:0;left:0}.page-section{min-height:100vh;display:flex;position:relative}.page-section .flex-container{align-self:center;flex:1 1 100%}.page-section .page-section-link{width:3em;height:3em;content:"";position:absolute;bottom:1.5em;left:50%;margin-left:-1.5em;border-radius:50%;background:transparent url(arrow-dark.18fad8af.svg) 50% no-repeat;background-size:100%;transform:rotate(-90deg);visibility:hidden;outline:0}.page-section.about .page-section-link,.page-section.projects .page-section-link{background-image:url(arrow.07f219fd.svg)}@media screen and (min-width:768px){.page-wrapper>header,.page-wrapper>section{margin:0;padding:6em 1.5em}.page-section .page-section-link{visibility:visible}}.page-header{background-color:#67e4ff}.page-header ::-moz-selection{background-color:#5dcde5}.page-header ::selection{background-color:#5dcde5}.page-header .page-section-link,.page-headline{animation:fadein 1s forwards}.page-headline{text-align:center;margin-left:auto;margin-right:auto;padding:.75em;background-color:#1a3940;color:#67e4ff}.page-headline ::-moz-selection{background-color:#33727f}.page-headline ::selection{background-color:#33727f}.page-headline span{font-weight:800;display:block;margin:0}.page-headline span::first-child,.page-headline span::last-child{font-weight:300;font-size:.8em;line-height:1.875}@media screen and (min-width:570px){.page-headline{width:75%;border-radius:50%}}@media screen and (min-width:830px){.page-headline{width:50%}}.tagline{font-size:1.5em;line-height:1;text-align:center;margin-top:2em}@media screen and (min-width:1200px){.tagline{margin-top:4em}}.about{background-color:#33727f;color:#67e4ff}.about ::-moz-selection{background-color:#1a3940}.about ::selection{background-color:#1a3940}.about article{padding-top:10.5em;background-position:top;background-repeat:no-repeat;background-size:9em}.about article h3,.about article h4{text-align:center}.about article+article{margin-top:3em}@media screen and (min-width:570px){.about article{padding-left:5em;padding-right:5em}}@media screen and (min-width:768px){.js .about article{visibility:hidden}.js .about article.triggered{visibility:visible}.about article{padding-left:8em;padding-right:8em}.about article.triggered{animation:slidein_from_right .5s forwards;transform:translate(-100vw)}.about .coding.triggered{animation-duration:.5s}.about .learning.triggered{animation-delay:.3s;animation-duration:.4s}.about .living.triggered{animation-delay:.5s;animation-duration:.3s}}@media screen and (min-width:960px){.about article{padding-left:1em;padding-right:1em;width:33.33333%;float:left}.about article+article{margin-top:0}}.learning{background-image:url(student.3e562c55.svg)}.coding{background-image:url(coder.de92d002.svg)}.living{background-image:url(nice-guy.4316456a.svg)}.attribution,.imprint,.privacy,.skillset{background-color:#67e4ff;color:#1a3940}.attribution ::-moz-selection,.imprint ::-moz-selection,.privacy ::-moz-selection,.skillset ::-moz-selection{background-color:#4dabbf}.attribution ::selection,.imprint ::selection,.privacy ::selection,.skillset ::selection{background-color:#4dabbf}.attribution .flex-container,.imprint .flex-container,.privacy .flex-container{align-self:flex-start}.primary-skills-wrapper{border-bottom:thin dashed #33727f}.primary-skills{padding-bottom:2.95em}@media screen and (min-width:1200px){.primary-skills{padding-bottom:5.95em}}@media screen and (min-width:768px){.js .primary-skill{visibility:hidden}.js .primary-skill.triggered{visibility:visible}.primary-skill.triggered{animation:popup .5s forwards;transform:scale(0)}.skill-css.triggered{animation-delay:.4s}.skill-js.triggered{animation-delay:.2s}.skill-smarty.triggered{animation-delay:.8s}}.primary-skill{padding-top:7.5em;background-position:top;background-repeat:no-repeat;background-size:6em}.primary-skill h3,.primary-skill h4{text-align:center}.primary-skill+.primary-skill{margin-top:3em}@media screen and (min-width:570px){.primary-skill{width:47.5%;float:left}.primary-skill:nth-of-type(2n){margin-left:5%}.primary-skill:nth-of-type(2){margin-top:0}}@media screen and (min-width:768px){.primary-skill{width:50%;float:left;padding-left:2em;padding-right:2em}.primary-skill:nth-of-type(2n){margin-left:0}}@media screen and (min-width:960px){.primary-skill{width:25%;float:left;padding-left:1em;padding-right:1em}.primary-skill+.primary-skill{margin-top:0}}.skill-html{background-image:url(hammer-wrench.d7fa9eed.svg)}.skill-css{background-image:url(pencil-ruler.99e896ad.svg)}.skill-js{background-image:url(gears.eae67ecf.svg)}.skill-smarty{background-image:url(template.da3fc010.svg)}.further-skills{padding-top:3em}.further-skills .list-inline,.further-skills h3,.further-skills h4{text-align:center}.further-skills h4{margin-bottom:.75em}.further-skills .list-inline a{color:#33727f;text-decoration:none}.further-skills .list-inline a:hover{color:#1a3940}@media screen and (min-width:1200px){.further-skills{padding-top:6em}}.projects{background:#33727f;color:#67e4ff}.projects h3,.projects h4{text-align:center}.projects ::-moz-selection{background-color:#1a3940}.projects ::selection{background-color:#1a3940}.page-footer{background:#1a3940;color:#67e4ff}.page-footer h2,.page-footer h3,.page-footer h4{text-align:center}.page-footer ::selection{background-color:#33727f}.page-footer ::-moz-selection{background-color:#33727f}.social-media{margin-top:0}.legal,.legal .list-inline,.social-media .list-inline{text-align:center}.legal .list-inline a,.social-media .list-inline a{color:#4dabbf;text-decoration:none}.legal .list-inline a:hover,.social-media .list-inline a:hover{color:#5dcde5}@media screen and (min-width:768px){.legal,.social-media{width:50%}.social-media{float:right;padding:0 1em}.legal{float:left;padding:0 1em;margin-top:0}}.no-js .legal{margin-bottom:4.5em}@media screen and (min-width:980px){.attribution-types{display:flex;justify-content:space-between}.attribution-types .fonts,.attribution-types .icons{flex:1 1 calc(50% - 0.5em)}}.unslider.unslider-fade li li{position:static}.unslider li.further-skills-collection li{float:none}.further-skills-navi{display:none}.js .further-skills-navi{display:block}.js .further-skills-navi ul{list-style:none;margin:1em auto;padding:0}.js .further-skills-navi ul li{display:block;margin:-1px auto 0;padding:0}.js .further-skills-navi ul button{width:100%}.js .further-skills-navi ul li:first-child button{border-top-left-radius:.2em;border-bottom-left-radius:.2em}.js .further-skills-navi ul li:last-child button{border-top-right-radius:.2em;border-bottom-right-radius:.2em}@media screen and (min-width:480px){.js .further-skills-navi ul{text-align:center}.js .further-skills-navi ul li{display:inline-block;margin:0 0 0 -5px}}.js .slider-container{position:relative}.js .project-slider{margin-bottom:3em}.js .unslider-arrow{background:transparent url(arrow.07f219fd.svg) 50% no-repeat;background-size:100%;height:3em;width:3em;border:0;padding:0;bottom:-1.5em}.js .unslider-arrow.prev{left:0}.js .unslider-arrow.next{right:0;transform:rotate(180deg)}.js .project-media{display:none}@media screen and (min-width:480px){.js .projects-list{display:flex}.js .project{display:flex;flex-wrap:wrap}.js .project-media{align-self:flex-end;width:100%}}@media screen and (min-width:480px) and (min-height:640px){.js .project-media{display:block}}@media screen and (min-width:960px) and (min-height:320px){.js .project{flex-wrap:nowrap;align-items:center}.js .project-body{width:60%;padding-right:1em}.js .project-media{display:block;margin-top:0;width:40%}}@media screen and (min-width:1280px){.js .slider-container{width:81.2%;margin:0 auto}.js .unslider-arrow{top:50%;margin-top:-1.5em}.js .unslider-arrow.prev{left:-5.5em}.js .unslider-arrow.next{right:-5.5em;transform:rotate(180deg)}}@media screen and (min-width:1440px){.js .unslider-arrow.prev{left:-7em}.js .unslider-arrow.next{right:-7em}}.no-js .projects-list{padding:0}.projects-list{list-style:none;padding:0;margin:0}.project h3{font-weight:900}.no-js .project{list-style:none}.no-js .project+.project{margin-top:4.5em}.project-media{text-align:center}.project-media img{width:100%;max-width:592px}