/*! (c)10.2017 thomic*//*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */@import "//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700";html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@-moz-keyframes colorRotate{0%{stroke:rgba(0,0,0,0.7)}20%{stroke:#7dbeea}40%{stroke:#da2b2b}60%{stroke:#f7a40e}80%{stroke:#6cba7a}100%{stroke:#914a97}}@-webkit-keyframes colorRotate{0%{stroke:rgba(0,0,0,0.7)}20%{stroke:#7dbeea}40%{stroke:#da2b2b}60%{stroke:#f7a40e}80%{stroke:#6cba7a}100%{stroke:#914a97}}@keyframes colorRotate{0%{stroke:rgba(0,0,0,0.7)}20%{stroke:#7dbeea}40%{stroke:#da2b2b}60%{stroke:#f7a40e}80%{stroke:#6cba7a}100%{stroke:#914a97}}@font-face{font-family:'icons';src:url("fonts/icons.eot");src:url("fonts/icons.eot?#iefix") format("embedded-opentype"),url("fonts/icons.ttf") format("truetype"),url("fonts/icons.woff") format("woff"),url("fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}*{-webkit-text-size-adjust:none}[data-icon]:before,.icon{font-family:'icons';speak:none;text-transform:none;text-decoration:none !important;font-style:normal;font-weight:normal;font-variant:normal;line-height:1;vertical-align:-0.11111em;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:attr(data-icon);-moz-transition:background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}[data-icon]{text-decoration:none}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html,button,input,select,textarea{color:rgba(0,0,0,0.7)}img{vertical-align:middle}strong{font-family:'Roboto Condensed', Helvetica, Arial, sans-serif;font-weight:400}h1,h2,h3,h4,h5,strong,b,th{font-family:'Roboto Condensed', Helvetica, Arial, sans-serif;font-weight:400}html{height:100%;width:100vw;overflow-x:hidden;background-color:#fff}body{font-family:'Roboto Condensed', Arial, sans-serif;font-weight:300;background-color:#fff;-moz-transition:background 0.5s cubic-bezier(0.545, -0.25, 0.38, 1.135),font-size 0.5s cubic-bezier(0.545, -0.25, 0.38, 1.135);-o-transition:background 0.5s cubic-bezier(0.545, -0.25, 0.38, 1.135),font-size 0.5s cubic-bezier(0.545, -0.25, 0.38, 1.135);-webkit-transition:background 0.5s cubic-bezier(0.545, -0.25, 0.38, 1.135),font-size 0.5s cubic-bezier(0.545, -0.25, 0.38, 1.135);transition:background 0.5s cubic-bezier(0.545, -0.25, 0.38, 1.135),font-size 0.5s cubic-bezier(0.545, -0.25, 0.38, 1.135);min-height:100%}.hidden{display:none !important;visibility:hidden}@media only screen and (max-width: 480px){.mobileHidden{display:none !important}}body{font-size:1.125em}@media only screen and (max-width: 1570px){html:after{content:"bp1";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}@media only screen and (max-width: 1500px){body{font-size:1.0625em}html:after{content:"bp2";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}@media only screen and (max-width: 1400px){body{font-size:1em}html:after{content:"bp3";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}@media only screen and (max-width: 1310px){body{font-size:0.9375em}html:after{content:"bp4";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}@media only screen and (max-width: 1024px){body{font-size:0.875em}html:after{content:"bp5";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}@media only screen and (max-width: 880px){body{font-size:0.625em}html:after{content:"bp6";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){html:after{content:"mobile";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){html:after{content:"tabletPortraitOnly";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}@media only screen and (max-width: 480px){html:after{content:"fullMobile";position:fixed;right:0;top:0;z-index:10000;color:rgba(0,0,0,0.7);background:rgba(255,255,0,0.8);font-size:11px;content:none;display:none}}
a:link,a:visited,a:hover,a:active,a:focus{outline:none}a{color:rgba(0,0,0,0.7);-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;cursor:pointer;text-decoration:none}a:hover,a:active,a:focus{text-decoration:underline}label{cursor:pointer}body{position:relative;overflow:hidden;background-image:radial-gradient(farthest-corner at 100% 50%, rgba(125,190,234,0.22) 0%,rgba(125,190,234,0) 50%),linear-gradient(-45deg, rgba(218,43,43,0) 50%,rgba(218,43,43,0.18) 90%),radial-gradient(farthest-corner at 50% 0, rgba(220,208,15,0.22) 0%,rgba(220,208,15,0) 60%),linear-gradient(-160deg, rgba(218,43,43,0.1) 0%,rgba(218,43,43,0) 70%),linear-gradient(235deg, rgba(65,190,225,0.1) 0%,rgba(65,190,225,0) 40%),linear-gradient(-90deg, rgba(145,74,151,0.12) 0%,rgba(145,74,151,0) 70%),radial-gradient(farthest-corner at 20% 0, rgba(191,209,37,0.22) 0%,rgba(191,209,37,0) 60%),linear-gradient(0deg, rgba(239,210,230,0) 0%,rgba(239,210,230,0.18) 100%,rgba(239,210,230,0) 90%),linear-gradient(36deg, rgba(255,255,255,0) 50%,#ffffff 50%),radial-gradient(farthest-corner at 100% 100%, rgba(154,74,150,0.2) 0%,rgba(154,74,150,0) 60%);background-size:calc(50vw - 10.75em) 100vh,calc(50vw + 5.9em) 100vh,100vw calc(50vh + 2.8em),calc(50vw - 7.4em) calc(50vh - 2.75em),calc(50vw - 12.5em) calc(50vh + 1.35em),100vw 3.75em,100vw calc(50vh - .7em),0.55em 100vh,100vw 100vh,100vw 100vh;background-position:0 0,100% 0,0 100%,0 100%,0 100%,50% calc(50% + 1em),0 100%,calc(50% + 6.5em) 50%,50% calc(50% + 4.75em),50% calc(50% + 4.75em);background-repeat:no-repeat;background-blend-mode:multiply, multiply, multiply, multiply, multiply, multiply, multiply, multiply, normal, multiply}body:before,body:after{content:"";position:absolute}body:before{top:50%;left:50%;background-image:linear-gradient(75deg, rgba(108,186,122,0) 30%,rgba(108,186,122,0.14) 50%,rgba(108,186,122,0) 66%);height:5.7em;width:200vw;transform:translate(-50%, -50%) rotate(-36deg) translate(0, 6.22em)}body:after{bottom:50%;left:50%;background-image:radial-gradient(farthest-corner at 0% 80%, rgba(247,164,14,0.22) 0%,rgba(247,164,14,0) 25%);height:75em;width:75em;transform:rotate(-37deg) skewX(16deg) translate(-14.8em, -28.7em)}main{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:space-between;height:100vh}main:before{content:"";flex:0 0 3em;order:1}@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){main:before{flex:0 0 60px}}main>header{font-size:1em;width:25em;flex:0 0 auto;order:2;transition:opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}main>header>h1{font-size:1em;margin:5em 0 0}main>header>h1>svg{width:100%;height:auto}main>header>h1>svg>*{fill:none;stroke:rgba(0,0,0,0.7);stroke-miterlimit:10;transition:stroke 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);animation:colorRotate 20s infinite;animation-play-state:paused;animation-fill-mode:backwards}main>header>h1>svg>*:nth-child(3),main>header>h1>svg>*:nth-child(4){animation-delay:0.5s}main>header>h1>svg>*:nth-child(5),main>header>h1>svg>*:nth-child(6){animation-delay:1s}main>header>h1>svg>*:nth-child(7){animation-delay:1.5s}main>header>h1>svg>*:nth-child(8){animation-delay:2s}main>header>h1>svg>*:nth-child(9){animation-delay:2.5s}main>header>h1+p{height:5em;margin:0;padding:1em 0 0 1.6em;transition:opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}main>nav{flex:0 0 3em;order:3;transition:padding 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);padding:.5em 0 .5em 0;position:relative;z-index:10}main>nav:hover{padding:0 0 1em 0}main>nav:hover+header{opacity:.9}main>nav:hover+header svg>*{animation-play-state:running}main>nav:hover+header>h1+p{opacity:0}main>nav>a,main>nav>label{font-size:1.38889em;margin:.5em 1em;position:relative}main>nav>a:before,main>nav>label:before{position:relative;z-index:5}main>nav>a>span,main>nav>label>span{font-size:0.8em;opacity:0;position:absolute;bottom:0;left:50%;white-space:nowrap;transform:rotate(-90deg) translate(-3.5em, 0);transform-origin:0 50%;pointer-events:none;transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);background-image:linear-gradient(90deg, rgba(65,190,225,0.18),rgba(65,190,225,0));padding:.2em .2em .2em 3.5em;text-rendering:optimizeLegibility}main>nav>a:nth-child(2):hover:before,main>nav>label:nth-child(2):hover:before{color:#914a97}main>nav>a:nth-child(2)>span,main>nav>label:nth-child(2)>span{background-image:linear-gradient(90deg, rgba(145,74,151,0.18),rgba(145,74,151,0))}main>nav>a:nth-child(3):hover:before,main>nav>label:nth-child(3):hover:before{color:#6cba7a}main>nav>a:nth-child(3)>span,main>nav>label:nth-child(3)>span{background-image:linear-gradient(90deg, rgba(108,186,122,0.18),rgba(108,186,122,0))}main>nav>a:nth-child(4):hover:before,main>nav>label:nth-child(4):hover:before{color:#f7a40e}main>nav>a:nth-child(4)>span,main>nav>label:nth-child(4)>span{background-image:linear-gradient(90deg, rgba(247,164,14,0.18),rgba(247,164,14,0))}main>nav>a:nth-child(5):hover:before,main>nav>label:nth-child(5):hover:before{color:#da2b2b}main>nav>a:nth-child(5)>span,main>nav>label:nth-child(5)>span{background-image:linear-gradient(90deg, rgba(218,43,43,0.12),rgba(218,43,43,0))}main>nav>a:hover:before,main>nav>label:hover:before{color:#008aff}main>nav>a:hover>span,main>nav>label:hover>span{transform:perspective(1px) rotate(-90deg) translate(-2em, 0);opacity:1}@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){main>nav{display:flex;flex:0 0 60px;width:100%;background-image:linear-gradient(90deg, rgba(0,138,255,0.2),rgba(145,74,151,0.2),rgba(108,186,122,0.2),rgba(247,164,14,0.2),rgba(218,43,43,0.2));justify-content:space-around;padding:.5em 0 .5em 0 !important}main>nav>a,main>nav>label{margin:.2em .4em;text-align:center}main>nav>a>span,main>nav>label>span{transform:none !important;display:block;position:static;font-size:10px;padding:0;background:none !important;opacity:1;text-align:center}main>nav>a>span>span,main>nav>label>span>span{display:none}main>nav>a:before,main>nav>label:before{font-size:2.22222em;display:block;opacity:.75}main>nav>a:nth-child(1):before,main>nav>label:nth-child(1):before{color:#008aff}main>nav>a:nth-child(2):before,main>nav>label:nth-child(2):before{color:#914a97}main>nav>a:nth-child(3):before,main>nav>label:nth-child(3):before{color:#6cba7a}main>nav>a:nth-child(4):before,main>nav>label:nth-child(4):before{color:#f7a40e}main>nav>a:nth-child(5):before,main>nav>label:nth-child(5):before{color:#da2b2b}}main #techToggler:checked ~ #technologies,main #whatToggler:checked ~ #what,main #codepenToggler:checked ~ #codepen,main #twitterToggler:checked ~ #twitter,main #mailToggler:checked ~ #mail,main #xingToggler:checked ~ #xing{z-index:20;pointer-events:all;background:rgba(255,255,255,0.85);transition:background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}main #techToggler:checked ~ #technologies>*,main #whatToggler:checked ~ #what>*,main #codepenToggler:checked ~ #codepen>*,main #twitterToggler:checked ~ #twitter>*,main #mailToggler:checked ~ #mail>*,main #xingToggler:checked ~ #xing>*{opacity:1}main .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;flex-direction:column;background:rgba(255,255,255,0);pointer-events:none;transition:background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),z-index 0.5s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}main .overlay>*{flex:1 1 16vw;margin:0;padding:1em;font-size:1em;display:flex;align-items:center;justify-content:center;text-align:center;transition:opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);opacity:0;cursor:default}main .overlay>*:nth-child(3n){background-image:linear-gradient(135deg, rgba(220,208,15,0.1),rgba(220,208,15,0.2));transition-delay:0.05s}main .overlay>*:nth-child(5n){background-image:linear-gradient(135deg, rgba(218,43,43,0.1),rgba(218,43,43,0.2));transition-delay:0.1s}main .overlay>*:nth-child(7n){background-image:linear-gradient(135deg, rgba(65,190,225,0.1),rgba(65,190,225,0.2));transition-delay:0.15s}main .overlay>*:nth-child(11n){background-image:linear-gradient(135deg, rgba(145,74,151,0.1),rgba(145,74,151,0.2));transition-delay:0.2s}main .overlay>*:nth-child(13n){background-image:linear-gradient(135deg, rgba(191,209,37,0.1),rgba(191,209,37,0.2));transition-delay:0.25s}main .overlay>*:nth-child(13n){background-image:linear-gradient(135deg, rgba(239,210,230,0.1),rgba(239,210,230,0.2));transition-delay:0.3s}main .overlay>*:nth-child(17n){background-image:linear-gradient(135deg, rgba(108,186,122,0.1),rgba(108,186,122,0.2));transition-delay:0.35s}main .overlay>*:nth-child(19n){background-image:linear-gradient(135deg, rgba(247,164,14,0.1),rgba(247,164,14,0.2));transition-delay:0.4s}main .overlay>*:nth-child(23n){background-image:linear-gradient(135deg, rgba(154,74,150,0.1),rgba(154,74,150,0.2));transition-delay:0.45s}main .overlay>*.muted{color:rgba(0,0,0,0.5);font-size:.8em}main .overlay>h2{font-weight:400}main .overlay>label,main .overlay>a{font-weight:400;color:#008aff;transition:background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);cursor:pointer}main .overlay>label:hover,main .overlay>a:hover{background:rgba(0,138,255,0.1);text-decoration:none}main .overlay#technologies{flex-direction:row}