*{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}@font-face{font-family:"KabelLTStdBook";src:url("/css/fonts/kabelltstd-book-webfont-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"sophie";src:url("/css/fonts/sophie-webfont.woff") format("woff");font-weight:normal;font-style:normal}body{height:100%}.clear{clear:both}img{max-width:100%}img.s{width:80%;max-width:300px;margin:0 auto}.ita{font-family:" Sabon LT W01 Roman","georgia",serif;font-style:italic}a{text-decoration:none;transition:opacity .3s ease}a.disabled{cursor:not-allowed;text-decoration:line-through}h2{font-weight:normal;font-family:"KabelLTStdBook","georgia",serif;letter-spacing:.05em;text-transform:uppercase;font-size:24px;color:#000}body.dark .bg{filter:invert(100%)}body.dark nav{background:rgba(17,15,15,.95)}@media only screen and (max-width: 700px){body.dark nav .logo-wrap{background:#000}}body.dark .navi{color:rgba(251,253,253,.97)}body.dark .post{filter:invert(1)}body.dark .post .invert,body.dark .post img{filter:invert(1)}nav{background-color:rgba(251,253,253,.97);position:fixed;height:70px;bottom:0;left:0;width:100%;z-index:663613522;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}nav .logo-wrap{padding-left:1rem}nav .logo-wrap img{width:195px;height:auto}nav .links{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center}nav .navi{color:#000;font-family:"KabelLTStdBook",georgia,serif;font-size:18px;padding-right:22px;text-transform:uppercase;opacity:.8;transition:opacity .55s ease;letter-spacing:.111em}nav .navi.active{opacity:.45}nav .navi:hover{opacity:.35}nav .navi.ball_wrap{width:28px;height:28px;opacity:1}nav .navi.ball_wrap .ball{width:28px;height:28px;border-radius:50%;display:block;background:#c32361 url(../img/ball.png);background-size:cover;transition:.7s}nav .navi.ball_wrap:hover .ball{animation:bounce .7s infinite}@media only screen and (max-width: 700px){nav{height:auto}nav .logo-wrap{position:fixed;top:0;width:100%;padding:1rem;background:rgba(251,253,253,.97);box-shadow:0 0 5px 1px rgba(0,0,0,.1)}nav .logo-wrap img{display:block}nav .links{width:100%;box-shadow:0 0 5px 1px rgba(0,0,0,.1)}nav a.navi{padding:1rem .36rem;font-size:1rem}nav a.navi.ball_wrap{position:fixed;top:5px;right:5px}}.bg{position:fixed;top:0;z-index:-1000;width:100%;height:100%;background:linear-gradient(#eceef1 0%, #d7d9df 100%)}.three-d-scene{width:100%;height:100%;perspective:600}.figures{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;width:1030px;padding-bottom:70px}.section{max-width:1049px;margin-left:auto;margin-right:auto;animation:titanic 32s linear infinite;display:flex;align-items:center;min-height:100vh;justify-content:center}.fig{display:inline-block;margin:12px;text-align:center;width:170px;height:170px;padding:5px;background:#333;background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.2));border:1px solid #000;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 0 0 1px rgba(100,100,100,.1),0 2px 3px 1px rgba(0,0,0,.1),3px 3px 10px rgba(0,0,0,.35);position:relative}.fig::after{content:"";display:block;position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:linear-gradient(-35deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 31%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 51%);pointer-events:none}.fig a{display:block;z-index:2}.fig a:before,.fig a:after{content:"";position:absolute;box-shadow:0 0 9px rgba(0,0,0,.1);top:-1001px;height:1000px;width:1px;background:hsla(0,0%,100%,.6);z-index:-2}.fig a:before{left:30px}.fig a:after{right:30px}.fig img{position:relative;top:0;display:block;max-width:100%;box-shadow:0 0 0 1px rgba(55,55,55,.5),0 0 2px 1px rgba(0,0,0,.3)}.fig-1 div{z-index:1337;width:170px;height:170px;position:absolute;top:5px;background-color:#fafafa;background-image:url(../img/fig-jo4.png);background-size:210%;background-repeat:no-repeat;background-position:50% 53%;transition:.37s ease}.fig-1 div:hover{background-size:172%}.fig-2 div{z-index:1337;width:170px;height:170px;position:absolute;top:5px;background-color:#000}.fig-2 img{z-index:1337}.fig-2 .proj{position:absolute;top:0;box-shadow:0;opacity:0;transition:opacity .4s ease}.fig-2:hover .proj{opacity:1}.fig-3 .bil{position:absolute;z-index:0;width:170px;height:170px;top:5px;background-image:url(../img/fig-tid2.png);background-repeat:no-repeat;background-position-y:-175px;transition:background .3s ease}.fig-3 .bil2{position:absolute;top:5px;z-index:2;width:170px;height:170px;background-image:url(../img/fig-tid4.png);background-position-y:175px;background-repeat:no-repeat;transition:background .55s ease}.fig-3:hover .bil{background-position-y:0}.fig-4 .ar1{z-index:1339;width:170px;height:170px;position:absolute;top:5px;background-image:url(../img/fig-ar2.png);animation:boi 100s linear infinite;animation-play-state:paused}.fig-4 .ar2{z-index:1358;width:170px;height:170px;position:absolute;top:5px;background-image:url(../img/fig-ar.png);animation:boid 3s ease-in-out infinite;animation-play-state:paused}.fig-4:hover .ar{animation-play-state:running}.fig-5 div{background-image:url(../img/fig-vs2.png);width:170px;height:170px;position:absolute;top:5px;background-size:100%;transition:all .3s ease}.fig-5:hover div{background-size:735%;background-position:57% 24%}.fig-6 form{height:16px;width:118px;position:absolute;top:-5px;z-index:2337;opacity:.5}.fig-6 input{position:absolute;left:13px;top:115px;color:#000;padding-left:2px;height:24px;border-radius:4px;opacity:1;width:118px;font-family:"Sabon LT W01 Roman",georgia,serif;letter-spacing:1px;box-shadow:0 3px 15px rgba(0,0,0,.2);width:calc(100% - 30px);border:1px solid rgba(0,0,0,.2)}.fig-7 .tv{position:absolute;top:5px;width:170px;height:170px;background-image:url(../img/fig-git.png);background-position:100% 101%;animation:tivi 16s infinite ease;animation-play-state:paused;opacity:.9}.fig-7:hover .tv{animation-play-state:running;opacity:1}.fig-8 .moad{position:absolute;top:5px;z-index:1337;width:170px;height:170px;background-image:url(../img/fig-moa2.png);transition:opacity .7s ease;opacity:0}.fig-8:hover .moad{opacity:1}.fig-9 .flash{position:absolute;top:5px;z-index:1337;width:170px;height:170px;background-color:#fff;opacity:0}.fig-9:hover .flash{animation:flashing 8s infinite ease-in-out}@media only screen and (max-width: 1030px){.figures{width:618px}}@media only screen and (max-width: 700px){.section{background:none;animation:none;padding-top:110px;width:80%;margin:0 auto}.figures{padding-bottom:52px;width:412px}figure{float:none;margin-bottom:20px}}@media only screen and (max-width: 516px){.figures{justify-content:center;width:auto}}@keyframes flashing{0%{opacity:0}1%{opacity:1}9%{opacity:0}10%{opacity:1}11%{opacity:0}29%{opacity:0}30%{opacity:1}31%{opacity:0}41%{opacity:0}42%{opacity:1}43%{opacity:0}50%{opacity:0}51%{opacity:1}52%{opacity:0}80%{opacity:0}81%{opacity:1}90%{opacity:0}99%{opacity:0}100%{opacity:1}}@keyframes tivi{0%{background-position:100% 101%}12%{background-position:100% 75%}25%{background-position:100% 50%}37%{background-position:100% 25%}50%{background-position:100% 0%}62%{background-position:100% 25%}75%{background-position:100% 50%}87%{background-position:100% 75%}100%{background-position:100% 101%}}@keyframes arriv{0%{opacity:0}100%{opacity:1}}@keyframes bils{0%{background-position:-830% -50%}50%{background-position:-930% -70%}100%{background-position:-830% -50%}}@keyframes boi{0%{background-position:5% 5%}100%{background-position:1300% 5%}}@keyframes boid{0%{background-position-y:-170px}50%{background-position-y:0px}100%{background-position-y:170px}}@keyframes titanic{0%,50%,100%{transform:rotateY(0deg)}25%{transform:rotateY(-10deg)}75%{transform:rotateY(10deg)}}@keyframes bounce{0%{transform:scaleX(1) scaleY(1) translateY(-50px);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}45%{transform:scaleX(0.84) scaleY(1.3)}50%{transform:scaleX(1.25) scaleY(0.8) translateY(0)}100%{transform:translateY(-50px);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}}.post{width:900px;background-color:rgba(251,253,253,.97);margin:0px auto 106px auto;padding-bottom:48px}.post a:hover{opacity:.7}.post .google{display:inline-block;margin:0 0 0 -0.15em}.post .toplogo{display:block;max-width:100%;max-height:100%;margin:0 auto;padding-bottom:24px}@media only screen and (max-width: 700px){.post .toplogo{padding-bottom:0}}.post .postimg{display:block;margin:24px auto}.post p,.post h1{position:relative;font-size:20px;line-height:2;max-width:700px;margin:24px auto;font-family:"Sabon LT W01 Roman",georgia,serif;color:#000;font-weight:normal;width:auto;padding:0}.post p.ul,.post h1.ul{padding-left:30px;padding-right:30px}.post p.h1-image,.post h1.h1-image{max-width:100%;margin:0}.post .infos{width:700px;margin:24px auto;font-family:"Sabon LT W01 Roman",georgia,serif;font-size:18px}.post .infos .tag-classic{font-style:italic;margin-right:20px}.post .infos.leet{font-family:monospace;font-style:normal}.post .infos .info{opacity:.7;font-size:16px}.post .tag{background:#ff66c3;padding:3px 15px;color:#fff;font-family:monospace;font-size:13px;border-radius:4px}.post .tag.black{background:#000;opacity:.75}@media only screen and (max-width: 700px){.post{max-width:calc(100% - 40px);margin:70px auto 70px;padding-bottom:20px}.post.l{max-width:100%;margin:70px auto 0}.post p,.post h1,.post .infos{max-width:90%;font-size:18px;line-height:2}.post p.social-wrap{margin:24px auto 0}.post .postimg{max-width:100%}}.post .ego{max-width:379px;margin:24px 0px 24px 100px;float:left}.post .ego a{padding-bottom:1px;border-bottom:1px solid;color:#646464}.post .bio a{color:#2e76cf}.post .cailles{height:22px;display:inline-block;vertical-align:middle}.post .success{font-family:"Sabon LT W01 Roman",georgia,serif;font-style:italic;color:#00b22e;font-size:24px}.post #cv{width:130px}.post #dlcv{display:block;color:#000;width:140px;float:left;font-family:"KabelLTStdBook","georgia",serif;text-align:center;margin-left:150px;margin-top:64px;cursor:not-allowed}.post #dlcv span{padding-left:27px;text-transform:uppercase}@media only screen and (max-width: 700px){.post #dlcv{margin:20px auto;float:none}}.post .so-tnp{color:#555}.post .so-dribbble{color:#ea4c89}.post .so-cotton{color:#f46353}.post .so-medium{color:#00ab6c}.post .so-codepen{color:#555}.post .so-codepad{color:#f35e5c}.post .so-cssbattle{color:#f7a224}.post .so-invision{color:#fe3365}.post .so-storever{color:#ff6900}.post .so-soundcloud{color:#f80}.post .so-unsplash{color:#555}.post .so-instagram{background:linear-gradient(to right, #fd5949 0%, #285AEB 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.social-wrap{display:flex;flex-flow:row wrap;font-size:18px}.social-wrap .social-parent{display:flex;width:100%;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.1);margin-left:100px;color:#000}.social-wrap .social-parent .social{display:block;width:200px;font-family:"KabelLTStdBook","georgia",serif;text-transform:uppercase}.social-wrap .social-group{display:block;width:100%;max-width:450px}.social-wrap .social-group .tag{display:inline-block;transform:translateY(42px)}.social-wrap .social-group .text{flex:1}.contact-form{outline:none;width:700px;height:465px;margin:0 auto;background-image:url(../img/fond-form.png);box-shadow:0px 5px 8px rgba(0,0,0,.22)}@media only screen and (max-width: 900px){.contact-form{display:none}}.contact-form .textarea{margin-top:22px;width:256px;background:rgba(0,0,0,0);overflow:auto;resize:none;border:0;font-family:"sophie",cursive;font-size:24px;padding:48px;background-repeat:no-repeat;float:left;outline:none}.contact-form .input{outline:none;color:rgba(0,0,0,.4);float:left;font-family:"Courier New",monospace;border:none;background-color:rgba(0,0,0,0);font-weight:bold;font-size:16px}.contact-form .input.from{margin-top:90px;margin-left:38px}.contact-form .object{margin-top:52px;margin-left:38px}.contact-form .send{margin-top:33px;margin-left:213px;width:100px;height:54px;background-image:url(../img/btn.png);cursor:pointer;opacity:.7;transition:opacity .2s ease;box-shadow:.2s ease;box-shadow:0 3px 5px rgba(0,0,0,.1)}.contact-form .send:hover{opacity:1;box-shadow:0 5px 5px rgba(0,0,0,.1)}@media only screen and (max-width: 700px){.social-group{margin-bottom:30px}.social-group .tag{transform:none}.social-parent{margin:0 auto}.social-parent .social{width:168px;font-size:16px}.social-parent .text{font-size:16px}.post .ego{margin:24px 20px}}.toplab{max-width:900px;padding:168px 0;display:flex;background:url(../img/bg-lab.jpg) no-repeat;background-size:cover;position:relative;overflow:hidden;filter:hue-rotate(0deg)}.toplab::after{content:"";display:block;width:250px;height:250px;margin-left:-120px;margin-top:-120px;background:url(../img/bg-lab.jpg) no-repeat;background-size:cover;position:absolute;top:50%;left:50%;animation:12s spin linear infinite;filter:blur(10px) hue-rotate(100deg);border-radius:50%}.toplab h1{font-family:"helvetica neue",helvetica,arial,sans-serif;max-width:900px;margin:0 auto;font-size:36px;color:hsla(0,0%,100%,.92);text-shadow:0 1px 1px rgba(0,0,0,.4);text-align:center;z-index:4000;font-weight:bold !important;max-width:99em}.post.exp{max-width:700px;margin:0 auto;padding-top:48px;margin-top:24px;margin-bottom:48px;border-top:1px solid #646464}.expimg{width:280px;height:210px;float:left;margin-right:24px;margin-bottom:24px;background-size:280px}.pen{font-size:20px;line-height:1.5em;transition:.36s;color:#2e76cf}.exp .pen:hover{margin-left:18px;opacity:1}.expimg:hover{opacity:.9;background-color:rgba(0,0,0,.8)}.expimg span{display:block;width:100%;font-size:16px;padding-top:-20px;text-align:center;font-family:"KabelLTStdBook";color:hsla(0,0%,100%,.92);text-shadow:0 1px 1px rgba(0,0,0,.4);transition:padding-top .3s ease;opacity:0}.expimg:hover span{padding-top:93px;opacity:1}.experience{display:flex;flex-flow:row nowrap;max-width:700px;margin:0 auto;border-top:1px solid rgba(0,0,0,.1);padding-top:48px;margin-top:24px;margin-bottom:20px}.experience-content{width:100%}.experience img{display:block;max-width:280px;margin:0 24px auto auto}.experience:hover{opacity:.9}.experience:hover .pen{margin-left:14px}@keyframes spin{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@media only screen and (max-width: 700px){.toplab{padding:70px 0}.toplab::after{width:120px;height:120px;margin-left:-60px;margin-top:-60px}.experience{flex-flow:column wrap;padding-top:0;border:0;margin-bottom:0}.experience h2{margin:20px 20px 0}.experience img{max-width:100%;width:100%}}/*# sourceMappingURL=styles.css.map */