/*! normalize.css v3.0.2 | MIT License | git.io/normalize | http://necolas.github.io/normalize.css/ */@import url(https://fonts.googleapis.com/css?family=Alegreya:400);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}ul{margin:0;padding-left:0;list-style:none}html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-osx-font-smoothing:antialiased}.text--transparent{fill:transparent}.colortext .anim-shape:nth-child(1){fill:#383838}.colortext .anim-shape:nth-child(2){fill:#77e7ee}.colortext .anim-shape:nth-child(3){fill:#383838}svg{position:absolute;left:50%;height:100%;width:400px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:decal 5s linear;animation:decal 5s linear}.text{position:relative;font-family:"Montserrat", Arial, sans-serif;font-size:100px;font-size:10rem;letter-spacing:-0.06em;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.anim-shape{-webkit-animation:move 5s linear;animation:move 5s linear}@-webkit-keyframes move{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes move{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes decal{0%{top:50%}100%{top:0}}@keyframes decal{0%{top:50%}100%{top:0}}html{position:relative;font-size:62.5%}body{position:relative;z-index:1;margin-top:0;padding:0 20px;color:#fff;line-height:normal;font-weight:400;font-size:14px;font-size:1.4rem;font-family:"Montserrat",Arial,sans-serif;height:100vh;overflow:hidden}body:before{content:'';display:block;position:fixed;top:0;left:0;z-index:200;height:20px;width:100%;background:white;-webkit-transition:all 0.8s 0.8s;transition:all 0.8s 0.8s}body:after{content:'';display:block;position:fixed;bottom:0;left:0;z-index:200;height:20px;width:100%;background:white;-webkit-transition:all 0.8s 0.8s;transition:all 0.8s 0.8s}body.unload{padding:0}body.unload:before,body.unload:after{height:0}body.unload header{left:0;right:0;background:white}body.unload header h1 span.firstname{top:50%;opacity:0;-webkit-transform:translate(-120%, -90%);transform:translate(-120%, -90%);font-size:90px;font-size:9rem;letter-spacing:-0.04em}body.unload header h1 span.name{top:50%;opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%);font-size:90px;font-size:9rem;letter-spacing:-0.04em}body.unload header span.hi{opacity:0;left:50%;top:50%;-webkit-transform:translate(-320px, 0);transform:translate(-320px, 0)}body.unload header span.hi:after{top:0}body.unload header p{color:white}body.unload header p .word{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;color:white}body.unload .control{opacity:0}body.unload aside li{margin:0;opacity:0}body.loaded header{-webkit-transition:background-color 0.8s, right 0.8s 0.8s, left 0.8s 0.8s;transition:background-color 0.8s, right 0.8s 0.8s, left 0.8s 0.8s}body.loaded header h1 span.firstname{top:50%;left:50%;opacity:1;font-size:90px;font-size:9rem;letter-spacing:-0.04em;-webkit-transform:translate(-100%, -90%);transform:translate(-100%, -90%);-webkit-transition:all 0.8s 1.8s;transition:all 0.8s 1.8s}body.loaded header h1 span.name{top:50%;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);font-size:90px;font-size:9rem;letter-spacing:-0.04em;-webkit-transition:all 0.8s 1.8s;transition:all 0.8s 1.8s}body.loaded header span.hi{opacity:1;left:50%;top:50%;-webkit-transition:all 0.8s 1.6s;transition:all 0.8s 1.6s;-webkit-transform:translate(-320px, -130px);transform:translate(-320px, -130px)}body.loaded header span.hi:after{top:215px;-webkit-transition:all 0.8s 1.6s;transition:all 0.8s 1.6s}body.loaded header p{color:white}body.loaded header p .word{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;color:white}body.loaded .control{opacity:0}body.loaded aside li{opacity:1;-webkit-transition:all 0.8s 3s;transition:all 0.8s 3s}*,:after,:before{box-sizing:border-box}.animation,.animation:before,.animation:after,a,a:after,a:before,label,button,i,i:after,i:before,span,input,textarea,.datepicker td{-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.no-animation *,.no-animation:before,.no-animation:after,.no-animation{-webkit-transition:none;transition:none}.hide{display:none}.clear{clear:both}.pull-left,.object-left{float:left !important}.pull-right,.object-right{float:right !important}.object-center{margin-right:auto !important;margin-left:auto !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.visuallyhidden{position:absolute !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;height:1px !important;width:1px !important;margin:-1px !important;padding:0 !important;border:0 !important;cursor:none !important}p{padding:0;margin:0 0 8px}li{line-height:normal}form{margin:0}a{color:#77e7ee;text-decoration:none}a:hover,a:active,a:focus{text-decoration:none}h1,h2{font-weight:700;margin:0}h1{font-size:28px;font-size:2.8rem;letter-spacing:-0.06em}h2{font-size:11px;font-size:1.1rem;letter-spacing:0.2em;text-transform:uppercase}main{position:fixed;bottom:20px;z-index:20;overflow:hidden;height:0;width:calc(100% - 40px);-webkit-transition:all 0.8s;transition:all 0.8s}main.current{height:calc(100vh - 160px)}aside{position:absolute;right:0;top:50%;z-index:200;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);min-width:220px;text-align:center}aside li{display:inline-block;margin:0 24px}aside li a{position:relative;display:block;padding:10px 0;color:#383838;font-weight:700;letter-spacing:0.2em;font-size:11px;font-size:1.1rem;text-transform:uppercase;-webkit-transition:all 0.2s;transition:all 0.2s}aside li a:before{content:'';display:block;position:absolute;top:35px;left:50%;-webkit-transform:translate(-51%);transform:translate(-51%);height:2px;width:110%;background:#383838;-webkit-transition:all 0.2s;transition:all 0.2s}aside li a:after{content:'';display:block;overflow:hidden;position:absolute;top:35px;left:50%;-webkit-transform:translate(-51%);transform:translate(-51%);height:2px;width:110%;background:white;-webkit-transition:all 0.2s;transition:all 0.2s}aside li a:hover,aside li a:focus{text-decoration:none;color:white}aside li a:hover:after,aside li a:focus:after{width:0}aside.xp li a,aside.thx li a{color:white}aside.xp li a:before,aside.thx li a:before{background:white}aside.xp li a:after,aside.thx li a:after{background:#77e7ee}aside.xp li a:hover,aside.xp li a:focus,aside.thx li a:hover,aside.thx li a:focus{color:#77e7ee}aside.pj li a{color:#383838}aside.pj li a:before{background:#383838}aside.pj li a:after{background:#77e7ee}aside.pj li a:hover,aside.pj li a:focus{color:#77e7ee}@-webkit-keyframes bounce{0%,50%{bottom:0}25%{bottom:-10px}}@keyframes bounce{0%,50%{bottom:0}25%{bottom:-10px}}.control{display:block;position:fixed;bottom:50px;left:50%;z-index:200;padding:10px;margin-left:-20px;opacity:1}.control:after{position:relative;bottom:0;content:'';display:block;width:20px;height:20px;border-top:2px solid white;border-right:2px solid white;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-animation:bounce 1s ease-out infinite;animation:bounce 1s ease-out infinite;-webkit-transition:all 0.4s;transition:all 0.4s}.control:hover:after,.control:active:after,.control:focus:after{border-top:2px solid #383838;border-right:2px solid #383838}.control.xp:after{border-color:#77e7ee}.control.xp:hover:after,.control.xp:active:after,.control.xp:focus:after{border-color:white}.control.pj:after{border-color:#383838}.control.pj:hover:after,.control.pj:active:after,.control.pj:focus:after{border-color:#77e7ee}.control.thx:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-color:#77e7ee}.control.thx:hover:after,.control.thx:active:after,.control.thx:focus:after{border-color:white}header{position:fixed;left:20px;right:20px;top:0;z-index:20;height:100vh;overflow:hidden;background:#77e7ee}header h1{position:absolute;top:0;bottom:0;width:100%}header h1 span.firstname{position:absolute;left:50%;top:45px;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);color:white;-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}header h1 span.name{position:absolute;left:50%;top:80px;-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s;color:#383838}header span.hi{position:absolute;left:20%;top:58px;display:block;color:#383838;font-weight:700;letter-spacing:0.2em;font-size:11px;font-size:1.1rem;text-transform:uppercase;-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}header span.hi:after{content:'';display:block;position:absolute;top:47px;left:50%;right:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:2px;width:110%;background:#383838;-webkit-transition:all 0.8s;transition:all 0.8s}header p{position:absolute;left:20%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;width:60%;font-size:34px;font-size:3.4rem;letter-spacing:1.8px;color:#383838;line-height:56px;font-family:"Alegreya", Times, sans-serif}header p .word{position:relative;display:inline-block;opacity:1}header p .word:nth-child(1){-webkit-transition:0.4s 1.05s;transition:0.4s 1.05s}header p .word:nth-child(2){-webkit-transition:0.4s 1.1s;transition:0.4s 1.1s}header p .word:nth-child(3){-webkit-transition:0.4s 1.15s;transition:0.4s 1.15s}header p .word:nth-child(4){-webkit-transition:0.4s 1.2s;transition:0.4s 1.2s}header p .word:nth-child(5){-webkit-transition:0.4s 1.25s;transition:0.4s 1.25s}header p .word:nth-child(6){-webkit-transition:0.4s 1.3s;transition:0.4s 1.3s}header p .word:nth-child(7){-webkit-transition:0.4s 1.35s;transition:0.4s 1.35s}header p .word:nth-child(8){-webkit-transition:0.4s 1.4s;transition:0.4s 1.4s}header p .word:nth-child(9){-webkit-transition:0.4s 1.45s;transition:0.4s 1.45s}header p .word:nth-child(10){-webkit-transition:0.4s 1.5s;transition:0.4s 1.5s}header p .word:nth-child(11){-webkit-transition:0.4s 1.55s;transition:0.4s 1.55s}header p .word:nth-child(12){-webkit-transition:0.4s 1.6s;transition:0.4s 1.6s}header p .word:nth-child(13){-webkit-transition:0.4s 1.65s;transition:0.4s 1.65s}header p .word:nth-child(14){-webkit-transition:0.4s 1.7s;transition:0.4s 1.7s}header p .word:nth-child(15){-webkit-transition:0.4s 1.75s;transition:0.4s 1.75s}header p .word:nth-child(16){-webkit-transition:0.4s 1.8s;transition:0.4s 1.8s}header p .word:nth-child(17){-webkit-transition:0.4s 1.85s;transition:0.4s 1.85s}header p .word:nth-child(18){-webkit-transition:0.4s 1.9s;transition:0.4s 1.9s}header p .word:nth-child(19){-webkit-transition:0.4s 1.95s;transition:0.4s 1.95s}header p .word:nth-child(20){-webkit-transition:0.4s 2s;transition:0.4s 2s}header p .word:nth-child(21){-webkit-transition:0.4s 2.05s;transition:0.4s 2.05s}header p .word:nth-child(22){-webkit-transition:0.4s 2.1s;transition:0.4s 2.1s}header p .word:nth-child(23){-webkit-transition:0.4s 2.15s;transition:0.4s 2.15s}header p .word:nth-child(24){-webkit-transition:0.4s 2.2s;transition:0.4s 2.2s}header p .word:nth-child(25){-webkit-transition:0.4s 2.25s;transition:0.4s 2.25s}header p .word:nth-child(26){-webkit-transition:0.4s 2.3s;transition:0.4s 2.3s}header p .word:nth-child(27){-webkit-transition:0.4s 2.35s;transition:0.4s 2.35s}header p .word:nth-child(28){-webkit-transition:0.4s 2.4s;transition:0.4s 2.4s}header p .word:nth-child(29){-webkit-transition:0.4s 2.45s;transition:0.4s 2.45s}header p .word:nth-child(30){-webkit-transition:0.4s 2.5s;transition:0.4s 2.5s}header p .word:nth-child(31){-webkit-transition:0.4s 2.55s;transition:0.4s 2.55s}header p .word:nth-child(32){-webkit-transition:0.4s 2.6s;transition:0.4s 2.6s}header p .word:nth-child(33){-webkit-transition:0.4s 2.65s;transition:0.4s 2.65s}header p .word:nth-child(34){-webkit-transition:0.4s 2.7s;transition:0.4s 2.7s}header p .word:nth-child(35){-webkit-transition:0.4s 2.75s;transition:0.4s 2.75s}header p .word:nth-child(36){-webkit-transition:0.4s 2.8s;transition:0.4s 2.8s}header p .word:nth-child(37){-webkit-transition:0.4s 2.85s;transition:0.4s 2.85s}header p .word:nth-child(38){-webkit-transition:0.4s 2.9s;transition:0.4s 2.9s}header p .word:nth-child(39){-webkit-transition:0.4s 2.95s;transition:0.4s 2.95s}header p .word:nth-child(40){-webkit-transition:0.4s 3s;transition:0.4s 3s}header p .word:nth-child(41){-webkit-transition:0.4s 3.05s;transition:0.4s 3.05s}header p .word:nth-child(42){-webkit-transition:0.4s 3.1s;transition:0.4s 3.1s}header p .word:nth-child(43){-webkit-transition:0.4s 3.15s;transition:0.4s 3.15s}header p .word:nth-child(44){-webkit-transition:0.4s 3.2s;transition:0.4s 3.2s}header p .word:nth-child(45){-webkit-transition:0.4s 3.25s;transition:0.4s 3.25s}header p .word:nth-child(46){-webkit-transition:0.4s 3.3s;transition:0.4s 3.3s}header p .word:nth-child(47){-webkit-transition:0.4s 3.35s;transition:0.4s 3.35s}header p .word:nth-child(48){-webkit-transition:0.4s 3.4s;transition:0.4s 3.4s}header p .word:nth-child(49){-webkit-transition:0.4s 3.45s;transition:0.4s 3.45s}header p .word:nth-child(50){-webkit-transition:0.4s 3.5s;transition:0.4s 3.5s}.experiences{position:absolute;bottom:0;z-index:30;-webkit-transform:translateY(100%);transform:translateY(100%);height:calc(100vh - 160px);width:100%;color:white;overflow:hidden;background:#383838;-webkit-transition:all 0.8s;transition:all 0.8s}.experiences.active{bottom:0;-webkit-transform:translateY(0);transform:translateY(0)}.experiences.active>div h2,.experiences.active>div dd,.experiences.active>div dt{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.experiences.active>div dt{opacity:0.4}.experiences.active.in>div h2{-webkit-transition:all 0.8s 0.8s;transition:all 0.8s 0.8s}.experiences.active.in>div dt:nth-child(1){-webkit-transition:all 0.8s 0.6s;transition:all 0.8s 0.6s}.experiences.active.in>div dt:nth-child(3){-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.experiences.active.in>div dt:nth-child(5){-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.experiences.active.in>div dd:nth-child(2){-webkit-transition:all 0.8s 0.5s;transition:all 0.8s 0.5s}.experiences.active.in>div dd:nth-child(4){-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s}.experiences.active.in>div dd:nth-child(6){-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}.experiences.active.in>div.formation h3{-webkit-transition:all 0.8s 0.7s;transition:all 0.8s 0.7s}.experiences.active.in>div.formation dt:nth-child(1){-webkit-transition:all 0.8s 0.5s;transition:all 0.8s 0.5s}.experiences.active.in>div.formation dt:nth-child(3){-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s}.experiences.active.in>div.formation dt:nth-child(5){-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}.experiences.active.in>div.formation dd:nth-child(2){-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.experiences.active.in>div.formation dd:nth-child(4){-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.experiences.active.in>div.formation dd:nth-child(6){-webkit-transition:all 0.8s 0s;transition:all 0.8s 0s}.experiences.active.out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.experiences.active.out h2,.experiences.active.out dd,.experiences.active.out dt{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}.experiences>div{position:absolute;top:50%;left:20%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:25%;-webkit-transition:all 0.8s;transition:all 0.8s}.experiences>div h2{margin-bottom:30px;color:#77e7ee;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s;opacity:0}.experiences>div dl{margin:0}.experiences>div dt{font-size:11px;font-size:1.1rem;font-weight:bold;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:2px;-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}.experiences>div dt:nth-child(1){-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.experiences>div dt:nth-child(3){-webkit-transition:all 0.8s 0.6s;transition:all 0.8s 0.6s}.experiences>div dt:nth-child(5){-webkit-transition:all 0.8s 0.8s;transition:all 0.8s 0.8s}.experiences>div dd{margin:0;min-height:130px;line-height:28px;font-size:22px;font-size:2.2rem;font-family:"Alegreya", Times, sans-serif;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}.experiences>div dd:last-child{min-height:80px}.experiences>div dd:nth-child(2){-webkit-transition:all 0.8s 0.5s;transition:all 0.8s 0.5s}.experiences>div dd:nth-child(4){-webkit-transition:all 0.8s 0.7s;transition:all 0.8s 0.7s}.experiences>div dd:nth-child(6){-webkit-transition:all 0.8s 0.9s;transition:all 0.8s 0.9s}.experiences>div dd span,.experiences>div dd a{display:block;color:#77e7ee}.experiences>div.formation{left:60%}.experiences>div.formation h2{-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.experiences>div.formation dt:nth-child(1){-webkit-transition:all 0.8s 0.5s;transition:all 0.8s 0.5s}.experiences>div.formation dt:nth-child(3){-webkit-transition:all 0.8s 0.7s;transition:all 0.8s 0.7s}.experiences>div.formation dt:nth-child(5){-webkit-transition:all 0.8s 0.9s;transition:all 0.8s 0.9s}.experiences>div.formation dd:nth-child(2){-webkit-transition:all 0.8s 0.6s;transition:all 0.8s 0.6s}.experiences>div.formation dd:nth-child(4){-webkit-transition:all 0.8s 0.8s;transition:all 0.8s 0.8s}.experiences>div.formation dd:nth-child(6){-webkit-transition:all 0.8s 1s;transition:all 0.8s 1s}.projects{position:fixed;bottom:20px;z-index:15;visibility:hidden;height:calc(100vh - 160px);width:calc(100% - 40px);-webkit-transition:all 0.8s;transition:all 0.8s;background:whitesmoke;color:#383838}.projects.active{z-index:20;visibility:visible}.projects.active ul li img{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0.6}.projects.active.in ul li:nth-child(1) img{-webkit-transition:all 0.8s 0s;transition:all 0.8s 0s}.projects.active.in ul li:nth-child(2) img{-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}.projects.active.in ul li:nth-child(3) img{-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.projects.active.in ul li:nth-child(4) img{-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s}.projects.active.in ul li:nth-child(5) img{-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.projects.active.in ul li:nth-child(6) img{-webkit-transition:all 0.8s 0.5s;transition:all 0.8s 0.5s}.projects.active.in ul li:nth-child(7) img{-webkit-transition:all 0.8s 0.6s;transition:all 0.8s 0.6s}.projects.active.in ul li:nth-child(8) img{-webkit-transition:all 0.8s 0.7s;transition:all 0.8s 0.7s}.projects.active.in ul li:nth-child(9) img{-webkit-transition:all 0.8s 0.8s;transition:all 0.8s 0.8s}.projects.active.in ul li:nth-child(10) img{-webkit-transition:all 0.8s 0.85s;transition:all 0.8s 0.85s}.projects.active.in ul li:nth-child(11) img{-webkit-transition:all 0.8s 0.9s;transition:all 0.8s 0.9s}.projects.active.in ul li:nth-child(12) img{-webkit-transition:all 0.8s 0.95s;transition:all 0.8s 0.95s}.projects.active.in ul li:nth-child(13) img{-webkit-transition:all 0.8s 1s;transition:all 0.8s 1s}.projects.active.in ul li:nth-child(14) img{-webkit-transition:all 0.8s 1.05s;transition:all 0.8s 1.05s}.projects.active.in ul li:nth-child(15) img{-webkit-transition:all 0.8s 1.2s;transition:all 0.8s 1.2s}.projects.active.in ul li:nth-child(16) img{-webkit-transition:all 0.8s 1.25s;transition:all 0.8s 1.25s}.projects.active.in ul li:nth-child(17) img{-webkit-transition:all 0.8s 1.3s;transition:all 0.8s 1.3s}.projects.active.in ul li:nth-child(18) img{-webkit-transition:all 0.8s 1.35s;transition:all 0.8s 1.35s}.projects.active.in ul li:nth-child(19) img{-webkit-transition:all 0.8s 1.4s;transition:all 0.8s 1.4s}.projects.active.in ul li:nth-child(20) img{-webkit-transition:all 0.8s 1.45s;transition:all 0.8s 1.45s}.projects ul{position:absolute;left:10%;top:10%;z-index:20;width:80%;height:80%;overflow:hidden}.projects ul li{position:relative;float:left;width:25%;height:20%;overflow:hidden}.projects ul li img{position:absolute;top:50%;left:50%;max-height:50%;max-width:50%;-webkit-transform:translate(-50%, 100%) scale(0.6);transform:translate(-50%, 100%) scale(0.6);opacity:0;-webkit-transition:0.4s 0.4s;transition:0.4s 0.4s;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.projects ul li .content{position:absolute;top:50%;z-index:10;width:100%;padding:0 25%;opacity:0;color:#383838;text-align:left;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.4s 0.2s;transition:all 0.4s 0.2s}.projects ul li .content span.scope{display:block;margin:4px 0;font-size:16px;font-size:1.6rem;line-height:16px;text-align:left;opacity:0;-webkit-transition:0.4s;transition:0.4s;color:#383838;-webkit-transform:translateY(-20px);transform:translateY(-20px);font-family:"Alegreya", Times, sans-serif}.projects ul li .content a{position:relative;display:inline-block;padding:10px 0;color:#77e7ee;font-weight:700;letter-spacing:0.1em;font-size:11px;font-size:1.1rem;text-transform:uppercase;-webkit-transition:all 0.4s;transition:all 0.4s;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.projects ul li .content a:before{content:'';display:block;position:absolute;top:26px;left:50%;-webkit-transform:translate(-51%);transform:translate(-51%);height:2px;width:110%;background:#383838;-webkit-transition:all 0.2s;transition:all 0.2s}.projects ul li .content a:after{content:'';display:block;overflow:hidden;position:absolute;top:26px;left:50%;-webkit-transform:translate(-51%);transform:translate(-51%);height:2px;width:110%;background:#77e7ee;-webkit-transition:all 0.2s;transition:all 0.2s}.projects ul li:hover img,.projects ul li:focus img,.projects ul li:active img,.projects ul li.active img{-webkit-transition:0.4s;transition:0.4s;opacity:0}.projects ul li:hover .content,.projects ul li:focus .content,.projects ul li:active .content,.projects ul li.active .content{opacity:1}.projects ul li:hover .content span.scope,.projects ul li:focus .content span.scope,.projects ul li:active .content span.scope,.projects ul li.active .content span.scope{-webkit-transition:0.4s 0.4s;transition:0.4s 0.4s;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.projects ul li:hover .content span.nolink,.projects ul li:focus .content span.nolink,.projects ul li:active .content span.nolink,.projects ul li.active .content span.nolink{-webkit-transition:0.4s 0.4s;transition:0.4s 0.4s;opacity:0.4;-webkit-transform:translateX(0);transform:translateX(0)}.projects ul li:hover .content a,.projects ul li:focus .content a,.projects ul li:active .content a,.projects ul li.active .content a{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.4s 0.4s, color 0.4s, -webkit-transform 0.4s 0.4s;transition:opacity 0.4s 0.4s, color 0.4s, -webkit-transform 0.4s 0.4s;transition:transform 0.4s 0.4s, opacity 0.4s 0.4s, color 0.4s;transition:transform 0.4s 0.4s, opacity 0.4s 0.4s, color 0.4s, -webkit-transform 0.4s 0.4s}.projects ul li:hover .content a:hover,.projects ul li:hover .content a:focus,.projects ul li:focus .content a:hover,.projects ul li:focus .content a:focus,.projects ul li:active .content a:hover,.projects ul li:active .content a:focus,.projects ul li.active .content a:hover,.projects ul li.active .content a:focus{color:#383838;text-decoration:none}.projects ul li:hover .content a:hover:after,.projects ul li:hover .content a:focus:after,.projects ul li:focus .content a:hover:after,.projects ul li:focus .content a:focus:after,.projects ul li:active .content a:hover:after,.projects ul li:active .content a:focus:after,.projects ul li.active .content a:hover:after,.projects ul li.active .content a:focus:after{width:0}footer{position:fixed;left:20px;right:20px;top:0;z-index:10;height:100vh;overflow:hidden;background:transparent;-webkit-transition:background-color 0.2s 0.6s ease-in;transition:background-color 0.2s 0.6s ease-in}footer:before{display:block;content:'';position:fixed;top:100vh;left:20px;right:20px;z-index:1000;width:calc(100% - 40px);height:80vh;background:#383838;-webkit-animation:size 1s ease-out;animation:size 1s ease-out;-webkit-transition:all 0.8s 0.2s ease-in;transition:all 0.8s 0.2s ease-in}footer:after{display:block;content:'';position:fixed;top:100vh;left:20px;right:20px;z-index:1000;width:calc(100% - 40px);height:80vh;background:#77e7ee;-webkit-animation:size 1s ease-out;animation:size 1s ease-out;-webkit-transition:all 0.8s ease-in;transition:all 0.8s ease-in}@-webkit-keyframes size{0%,50%,100%{height:100vh}25%,75%{height:50vh}}@keyframes size{0%,50%,100%{height:100vh}25%,75%{height:50vh}}footer.active{z-index:100}footer.in{background:#383838;-webkit-transition:background-color 0.2s 0.4s ease-out;transition:background-color 0.2s 0.4s ease-out}footer.in:before{top:-100vh;-webkit-animation:size 1s ease-out;animation:size 1s ease-out;-webkit-transition:all 0.8s ease-in;transition:all 0.8s ease-in}footer.in:after{top:-100vh;-webkit-animation:size 1s ease-out;animation:size 1s ease-out;-webkit-transition:all 0.8s 0.2s ease-in;transition:all 0.8s 0.2s ease-in}footer.in div span.firstname{opacity:1;-webkit-transform:translate(-100%, -90%);transform:translate(-100%, -90%);-webkit-transition:0.8s 1.2s;transition:0.8s 1.2s}footer.in div span.name{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:0.8s 1.2s;transition:0.8s 1.2s}footer.in span.thanks{opacity:1;-webkit-transform:translate(-50%, 160px);transform:translate(-50%, 160px);-webkit-transition:0.8s 1.4s;transition:0.8s 1.4s}footer.in span.hi{opacity:1;-webkit-transform:translate(-320px, -130px);transform:translate(-320px, -130px);-webkit-transition:0.8s 0.8s;transition:0.8s 0.8s}footer.in span.hi:after{top:215px;-webkit-transition:0.8s 0.8s;transition:0.8s 0.8s}footer div{position:absolute;top:0;bottom:0;width:100%}footer div span.firstname{position:absolute;left:50%;top:50%;-webkit-transform:translate(-120%, -90%);transform:translate(-120%, -90%);font-size:90px;font-size:9rem;letter-spacing:-0.04em;opacity:0;-webkit-transition:all 0.2s 0.8s;transition:all 0.2s 0.8s}footer div span.name{position:absolute;left:50%;top:50%;-webkit-transform:translateX(20%);transform:translateX(20%);font-size:90px;font-size:9rem;letter-spacing:-0.04em;color:#77e7ee;-webkit-transition:all 0.2s 0.8s;transition:all 0.2s 0.8s;opacity:0}footer span.thanks{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, 140px);transform:translate(-50%, 140px);display:block;color:white;line-height:28px;font-size:28px;font-size:2.8rem;font-family:"Alegreya", Times, sans-serif;-webkit-transition:all 0.2s 0.6s;transition:all 0.2s 0.6s;opacity:0}footer span.hi{position:absolute;left:50%;top:50%;-webkit-transform:translate(-320px, 0);transform:translate(-320px, 0);display:block;color:#77e7ee;font-weight:700;letter-spacing:0.2em;font-size:11px;font-size:1.1rem;text-transform:uppercase;-webkit-transition:all 0.2s 0.8s;transition:all 0.2s 0.8s;opacity:0}footer span.hi:after{content:'';display:block;position:absolute;top:0;left:50%;right:0;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%);height:2px;width:110%;background:#77e7ee;-webkit-transition:all 0.2s 0.8s;transition:all 0.2s 0.8s}@media only screen and (max-width: 1023px){header span.hi{left:10%}header p{left:10%;width:70%;line-height:44px;font-size:24px;font-size:2.4rem}.experiences>div{left:10%;width:35%}.experiences>div.formation{left:50%}aside{right:-5%}.projects ul{left:5%;top:5%;width:90%;height:90%}.projects ul li{width:33.33%}body.loaded header h1 span.firstname,footer.in div span.firstname{-webkit-transform:translate(-80%, -90%);transform:translate(-80%, -90%)}body.loaded header h1 span.name,footer.in div span.name{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.control{bottom:-30px}}@media only screen and (max-width: 767px){body{height:auto;padding:0 10px;overflow:auto;-webkit-transition:all 0.8s 0.8s;transition:all 0.8s 0.8s}body.loaded{padding:0 10px}body .content{width:100%}body:before,body:after{height:10px}.control{display:none}header{position:relative;left:0;width:100%;height:auto;min-height:100vh}main{position:static;height:auto;width:100%}aside{top:200px}.experiences{position:relative;bottom:auto;height:auto;width:100%;-webkit-transform:none;transform:none}.experiences>div{position:relative;left:auto;margin:40px 0 40px 10%;-webkit-transform:none;transform:none;float:left;vertical-align:top}.experiences>div h2,.experiences>div dd,.experiences>div dt{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.experiences>div dd{font-size:20px;font-size:2rem}.experiences>div.formation{left:auto}.experiences .control{display:none}.projects{position:relative;bottom:auto;padding:5% 0;height:auto;width:100%;-webkit-transform:none;transform:none;display:block;visibility:visible}.projects ul{position:relative;top:auto;-webkit-transform:none;transform:none;height:auto;overflow:hidden}.projects ul li{width:33.33%;height:115px}.projects ul li img{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}footer{position:relative;left:0;right:0;height:auto;background:#383838;overflow:visible;text-align:center}footer div{display:none}footer:before,footer:after{display:none}footer span.thanks{position:relative;left:auto;top:auto;-webkit-transform:translate(0);transform:translate(0);padding:40px 0 50px;opacity:1}}@media only screen and (max-width: 620px){header{position:relative;left:0;width:100%;height:auto;min-height:100vh}header h1{margin-bottom:10px;font-size:22px;font-size:2.2rem}header h1 span.name{top:75px}header h1 span.firstname{top:50px}header p{width:70%;margin-top:40px;font-size:16px;font-size:1.6rem;line-height:28px}header span.hi{top:34px}header span.hi:after{top:59px}.experiences{padding:40px 0 0}.experiences>div{width:80%;margin:0 0 20px 10%}.experiences>div h2{margin-bottom:20px}.experiences>div dd{min-height:0;margin:0 0 20px}.projects{visibility:visible}.projects ul li .content{padding:0}.projects ul li .content span.scope{font-size:13px;font-size:1.3rem}aside{top:250px;right:-70px}body.loaded header h1 span.firstname{-webkit-transform:translate(-50%, -90%);transform:translate(-50%, -90%);font-size:60px;font-size:6rem}body.loaded header h1 span.name{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:60px;font-size:6rem}}@media only screen and (max-height: 590px) and (max-width: 767px){header{height:auto}header p{position:relative;top:auto;margin-top:120px;margin-bottom:40px;-webkit-transform:translate(0);transform:translate(0);font-size:16px;font-size:1.6rem;line-height:28px}}