@font-face{font-family:nckl_icons;src:url(fonts/nckl.eot);src:url(fonts/nckl.eot?#iefix) format('embedded-opentype'),url(fonts/nckl.woff) format('woff'),url(fonts/nckl.ttf) format('truetype'),url(fonts/nckl.svg#nckl_icons) format('svg')}[class*=" icon-"],[class^=icon-]{font-family:nckl_icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-color_lens:before{content:"\e900"}.icon-link:before{content:"\e9cb"}.cta-scroll,.cta-scroll:before{position:absolute;left:50%}.cta-scroll{width:1.5vw;height:3vw;margin-left:-.75vw;top:47vh;margin-top:-1.5vw;box-shadow:inset 0 0 0 1px #fff;border-radius:1vw;z-index:11001}.cta-scroll:before{content:'';width:.3vw;height:.3vw;background:#fff;margin-left:-.15vw;top:.3vw;border-radius:.15vw;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll}@keyframes scroll{from{opacity:1}to{opacity:0;transform:translateY(2vw)}}.cta-scroll-background{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#000;z-index:11000}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#202020}body::-webkit-scrollbar-thumb{background-color:#202020;border-radius:2px;border:1px solid #444}body{overflow-x:hidden;margin:0;padding:0;font-family:Roboto;color:#d4d4d4;font-weight:300;font-size:.8vw;background:radial-gradient(ellipse,#252525,#202020)}a{color:inherit;text-decoration:none}header{position:fixed;top:-4vw;left:0;width:100vw;height:4vw;background-color:#202020;border-bottom:1px solid #252525;text-align:center;z-index:10000;transition-duration:.5s;transition-timing-function:ease}#menu{display:inline-flex;list-style:none;font-family:Rubik;font-size:1.3em}#menu li{position:absolute;top:0;line-height:4vw;opacity:.5;-webkit-transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-duration:.5s;transition-timing-function:ease-out}#menu li:hover{opacity:1;color:#7cd0a7}#menu li:first-of-type{right:55vw}#menu li:last-of-type{left:55vw}section{position:relative;display:flex;width:90vw;min-height:90vh;padding:5vh 5vw 5vh 5vw;text-align:justify}section#intro{flex-direction:column}section.light{background-color:#7cd0a7}section.white{background-color:#efe5cb;color:#252525}section .col{display:flex;justify-content:center;align-items:center;width:50%}#breadcrumb{position:fixed;bottom:0;left:0;writing-mode:vertical-rl;transform:rotate(-180deg);font-size:140px;line-height:105px;font-family:Rubik;font-weight:700;color:#fff;-webkit-text-fill-color:#202020;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#444;padding:0;margin:0;margin-bottom:-10px;z-index:0}.logo{position:absolute;display:block;width:30vw;height:auto;margin:auto;top:15vh;left:35vw}#intro .icon{position:absolute;display:block;width:10vw;height:auto;margin:auto;top:60vh;left:45vw;-webkit-transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-duration:.5s;transition-timing-function:ease-out}.icon.reduced{position:fixed;top:.5vw;left:48.5vw;width:3vw;margin-top:0;z-index:11001}header .icon{position:absolute;top:.5vw;left:48.5vw;width:3vw;height:auto;margin-top:0;z-index:11001}section.light .icon,section.light .logo,section.white .icon,section.white .logo{fill:#252525}header .icon,section.dark .icon,section.dark .logo{fill:#7cd0a7}.transition{width:100%;height:auto}.transition.light2dark{fill:#7cd0a7;background-color:#252525}.transition.dark2white{fill:#252525;background-color:#efe5cb}.transition.white2dark{fill:#efe5cb;background-color:#252525}h1{font-family:Rubik;font-weight:100;font-size:3vw;margin-top:2vw;margin-bottom:0;text-align:left;padding:0}h1:first-of-type{margin-top:0}h2{font-family:Rubik;font-weight:400;font-size:2.5em;margin:0;padding:0}.dark h1{color:#7cd0a7}.white h1{color:#252525}section .background{position:absolute;width:60%;height:auto;fill:#252525;opacity:.07;left:20%;margin-top:-5%}form{width:35vw}input,textarea{width:96%;margin-bottom:10px;background-color:#252525;border:1px solid #252525;font-family:Roboto;font-size:1em;padding:2%;color:#efe5cb;resize:none}input:focus,textarea:focus{border-left:1px solid #7cd0a7;outline:0}input:disabled,textarea:disabled{opacity:.4;cursor:wait}button[type=submit]{width:100%;margin-bottom:10px;background-color:#7cd0a7;border:1px solid #7cd0a7;font-family:Rubik;font-size:1em;padding:2%;font-weight:900;color:#252525;cursor:pointer}form button[type=submit] .error{display:none}form.error button[type=submit] .error{display:inline-block}form.error button[type=submit]{background-color:#252525;color:#d16262;border-color:#d16262;cursor:pointer}form.pending button[type=submit]{background-color:#252525;color:#7cd0a7;cursor:wait}form.error button[type=submit] .label,form.pending button[type=submit] .label{display:none}form.pending button[type=submit]:after{font-family:nckl_icons!important;font-weight:100;content:"\e982";display:inline-block;animation:rotation 2s infinite linear}form.success .message{color:#7cd0a7}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}#intro h5{text-align:center;position:absolute;bottom:0;left:0;width:100%;color:#7cd0a7;font-weight:400;font-size:1.5em}.fadein{opacity:0;-webkit-transition-property:opacity;-webkit-transition-duration:2s;-webkit-transition-timing-function:ease-out;transition-property:opacity;transition-duration:2s;transition-timing-function:ease-out}.white{color:#fff;fill:#fff}#about .content,.ref .content{position:relative;width:35vw;filter:drop-shadow(5px 5px 5px #000)}#skills>img,#skills>ul{position:relative;display:block;width:22.45vw;height:23.05vw;padding:0}#skills>ul li{position:absolute;display:inline-block;background-image:url(../img/tuille_background.png);background-size:cover;filter:drop-shadow(5px 5px 5px #000);transition-duration:.1s;transition-timing-function:ease-out;opacity:0}#skills>ul li:hover{z-index:1000!important}#skills>ul li img{filter:brightness(2)}#skills>ul li img{display:block;width:100%;height:auto;transition-duration:.5s}#skills>ul>li.adobe{z-index:30;width:2.8vw;left:4.9vw;top:12.95vw}#skills>ul>li.adobe:hover{width:2.9vw;left:4.8vw;top:12.85vw}#skills>ul>li.appstore{z-index:50;width:3.3vw;left:2.15vw;top:20.55vw}#skills>ul>li.appstore:hover{width:3.4vw;left:2.05vw;top:20.45vw}#skills>ul>li.bootstrap{z-index:50;width:6vw;left:5.3vw;top:16.1vw}#skills>ul>li.bootstrap:hover{width:6.1vw;left:5.2vw;top:16vw}#skills>ul>li.ganalytics{width:2.5vw;left:4.8vw;top:2vw}#skills>ul>li.ganalytics:hover{width:2.6vw;left:4.7vw;top:1.9vw}#skills>ul>li.git{z-index:30;width:2.8vw;left:7.3vw;top:12.95vw}#skills>ul>li.git:hover{width:2.9vw;left:7.2vw;top:12.85vw}#skills>ul>li.github{z-index:1;width:2.5vw;left:10.4vw;top:.15vw}#skills>ul>li.github:hover{width:2.6vw;left:10.3vw;top:.05vw}#skills>ul>li.gmaps{z-index:5;width:2vw;left:2.7vw;top:8.5vw}#skills>ul>li.gmaps:hover{width:2.1vw;left:2.6vw;top:8.4vw}#skills>ul>li.gplay{z-index:30;width:2.5vw;left:19.95vw;top:3.65vw}#skills>ul>li.gplay:hover{width:2.6vw;left:19.85vw;top:3.55vw}#skills>ul>li.greensock{z-index:1;width:3vw;left:0;top:16.1vw}#skills>ul>li.greensock:hover{width:3.1vw;left:-.1vw;top:16vw}#skills>ul>li.gshopping{z-index:3;width:3.2vw;left:14.35vw;top:0}#skills>ul>li.gshopping:hover{width:3.3vw;left:14.25vw;top:-.1vw}#skills>ul>li.gtag{z-index:80;width:2.8vw;left:18.4vw;top:13.55vw}#skills>ul>li.gtag:hover{width:2.9vw;left:18.3vw;top:13.45vw}#skills>ul>li.html5{z-index:10;width:4.4vw;left:13.3vw;top:3.65vw}#skills>ul>li.html5:hover{width:4.5vw;left:13.2vw;top:3.55vw}#skills>ul>li.illustrator{z-index:70;width:2vw;left:10.05vw;top:21.05vw}#skills>ul>li.illustrator:hover{width:2.1vw;left:9.95vw;top:20.95vw}#skills>ul>li.javascript{z-index:20;width:4vw;left:7vw;top:8.5vw}#skills>ul>li.javascript:hover{width:4.1vw;left:6.9vw;top:8.4vw}#skills>ul>li.jquery{z-index:1;width:5vw;left:9.2vw;top:3vw}#skills>ul>li.jquery:hover{width:5.1vw;left:9.1vw;top:2.9vw}#skills>ul>li.laravel{z-index:40;width:7vw;left:9.7vw;top:8.5vw}#skills>ul>li.laravel:hover{width:7.1vw;left:9.6vw;top:8.4vw}#skills>ul>li.magento{z-index:40;width:4vw;left:2.4vw;top:16.1vw}#skills>ul>li.magento:hover{width:4.1vw;left:2.3vw;top:16vw}#skills>ul>li.mailchimp{width:3vw;left:2.35vw;top:12.75vw}#skills>ul>li.mailchimp:hover{width:3.1vw;left:2.25vw;top:12.65vw}#skills>ul>li.mariadb{z-index:10;width:3.5vw;left:4.2vw;top:8.5vw}#skills>ul>li.mariadb:hover{width:3.6vw;left:4.1vw;top:8.4vw}#skills>ul>li.mysql{z-index:50;width:5.5vw;left:16.15vw;top:6.5vw}#skills>ul>li.mysql:hover{width:5.6vw;left:16.05vw;top:6.4vw}#skills>ul>li.phonegap{width:3.65vw;left:7vw;top:.5vw}#skills>ul>li.phonegap:hover{width:3.75vw;left:6.9vw;top:.4vw}#skills>ul>li.photoshop{width:3.2vw;left:3.5vw;top:4.9vw}#skills>ul>li.photoshop:hover{width:3.3vw;left:3.4vw;top:4.8vw}#skills>ul>li.php{z-index:70;width:3.8vw;left:15.25vw;top:12.5vw}#skills>ul>li.php:hover{width:3.9vw;left:15.15vw;top:12.4vw}#skills>ul>li.sass{z-index:60;width:4.5vw;left:10.55vw;top:16.1vw}#skills>ul>li.sass:hover{width:4.6vw;left:10.45vw;top:16vw}#skills>ul>li.shell{z-index:20;width:3vw;left:17.4vw;top:3.15vw}#skills>ul>li.shell:hover{width:3.1vw;left:17.3vw;top:3.05vw}#skills>ul>li.swift{width:3.5vw;left:6.2vw;top:4.6vw}#skills>ul>li.swift:hover{width:3.6vw;left:6.1vw;top:4.5vw}#skills>ul>li.wordpress{z-index:80;width:5.5vw;left:13.95vw;top:16.75vw}#skills>ul>li.wordpress:hover{width:5.6vw;left:13.85vw;top:16.65vw}.ref:nth-child(2n) .col:first-of-type{order:2}.ref h1{font-weight:400}.ref h2{font-size:3em;line-height:.8em}.ref .content{width:35vw}.ref .infos{margin-top:2em}.ref .infos [class^=icon-]{margin-right:.5em}.ref .infos .da{margin-top:1em}.ref .infos .link{margin-top:.5em}ul.imgs{position:relative;display:block;margin:0;padding:0}ul.imgs li{position:absolute;display:inline-block;filter:drop-shadow(5px 5px 5px #000)}ul.imgs li img{display:block;width:100%;height:auto}#ref1 ul.imgs{width:35.96vw;height:29.4vw}#ref1 ul.imgs>li.img1{z-index:1;width:13.18vw;left:0;top:0}#ref1 ul.imgs>li.img2{z-index:2;width:10.83vw;left:0;top:10.7vw}#ref1 ul.imgs>li.img3{z-index:3;width:17.86vw;left:8vw;top:2.5vw}#ref1 ul.imgs>li.img4{z-index:4;width:12.86vw;left:23.1vw;top:4.5vw}#ref1 ul.imgs>li.img5{z-index:5;width:10.83vw;left:20.6vw;top:17.9vw}#ref2 ul.imgs{width:33.6vw;height:29.4vw}#ref2 ul.imgs>li.img1{z-index:1;width:13.38vw;left:0;top:0}#ref2 ul.imgs>li.img2{z-index:2;width:11.04vw;left:0;top:10.7vw}#ref2 ul.imgs>li.img3{z-index:3;width:23.44vw;left:10.2vw;top:1vw}#ref2 ul.imgs>li.img4{z-index:4;width:13.23vw;left:10vw;top:16.4vw}#ref2 ul.imgs>li.img5{z-index:5;width:11.3vw;left:21.3vw;top:16.4vw}#ref3 ul.imgs{width:42.29vw;height:22.2vw}#ref3 ul.imgs>li.img1{z-index:1;width:12.19vw;left:0;top:2vw}#ref3 ul.imgs>li.img2{z-index:2;width:4.79vw;left:5.5vw;top:10.8vw}#ref3 ul.imgs>li.img3{z-index:3;width:22.08vw;left:9.4vw;top:0}#ref3 ul.imgs>li.img4{z-index:4;width:12.08vw;left:28.8vw;top:1vw}#ref3 ul.imgs>li.img5{z-index:5;width:14.79vw;left:27.05vw;top:13.9vw}#ref4 ul.imgs{width:33.61vw;height:27.4vw}#ref4 ul.imgs>li.img1{z-index:1;width:15.42vw;left:0;top:3vw}#ref4 ul.imgs>li.img2{z-index:2;width:13.12vw;left:4vw;top:14.7vw}#ref4 ul.imgs>li.img3{z-index:3;width:20.31vw;left:13.3vw;top:4.8vw}#ref4 ul.imgs>li.img4{z-index:4;width:11.35vw;left:22vw;top:0}#ref4 ul.imgs>li.img5{z-index:5;width:16.87vw;left:16.2vw;top:14.7vw}#ref5 ul.imgs{width:39.4vw;height:15.2vw}#ref5 ul.imgs>li.img1{z-index:1;width:6.25vw;left:3.7vw;top:2.9vw}#ref5 ul.imgs>li.img2{z-index:2;width:8.85vw;left:0;top:8vw}#ref5 ul.imgs>li.img3{z-index:3;width:20.42vw;left:8.7vw;top:0}#ref5 ul.imgs>li.img4{z-index:4;width:8.75vw;left:18vw;top:10.8vw}#ref5 ul.imgs>li.img5{z-index:5;width:12.6vw;left:26.8vw;top:2vw}#ref6 ul.imgs{width:30.56vw;height:20.4vw}#ref6 ul.imgs>li.img1{z-index:1;width:10.31vw;left:0;top:4.2vw}#ref6 ul.imgs>li.img2{z-index:2;width:11.04vw;left:9.8vw;top:0}#ref6 ul.imgs>li.img3{z-index:3;width:21.56vw;left:9.1vw;top:8.2vw}#ref6 ul.imgs>li.img4{z-index:4;width:12.29vw;left:11.2vw;top:11.8vw}#ref6 ul.imgs>li.img5{z-index:5;width:6.87vw;left:22.2vw;top:11.8vw}#ref7 ul.imgs{width:30.31vw;height:21.9vw}#ref7 ul.imgs>li.img1{z-index:1;width:8.96vw;left:0;top:2.2vw}#ref7 ul.imgs>li.img2{z-index:3;width:20.31vw;left:4vw;top:8.1vw}#ref7 ul.imgs>li.img3{z-index:2;width:6.875vw;left:8.1vw;top:0}#ref7 ul.imgs>li.img4{z-index:4;width:7.81vw;left:22.5vw;top:11.8vw}#ref7 ul.imgs>li.img5{z-index:5;width:8.65vw;left:16.2vw;top:17.9vw}#ref8 ul.imgs{width:36.36vw;height:29.4vw}#ref8 ul.imgs>li.img1{z-index:1;width:13.18vw;left:0;top:0}#ref8 ul.imgs>li.img2{z-index:2;width:10.83vw;left:0;top:10.7vw}#ref8 ul.imgs>li.img3{z-index:3;width:17.86vw;left:8.4vw;top:2.5vw}#ref8 ul.imgs>li.img4{z-index:4;width:12.86vw;left:23.5vw;top:4.5vw}#ref8 ul.imgs>li.img5{z-index:5;width:10.83vw;left:21vw;top:17.9vw}#ref9 ul.imgs{width:32.6vw;height:28.5vw}#ref9 ul.imgs>li.img1{z-index:1;width:13.38vw;left:0;top:0}#ref9 ul.imgs>li.img2{z-index:2;width:11.04vw;left:0;top:10.7vw}#ref9 ul.imgs>li.img3{z-index:3;width:23.44vw;left:10.2vw;top:1vw}#ref9 ul.imgs>li.img4{z-index:4;width:13.23vw;left:10vw;top:16.4vw}#ref9 ul.imgs>li.img5{z-index:5;width:11.3vw;left:21.3vw;top:16.4vw}#ref10 ul.imgs{width:41.84vw;height:22.2vw}#ref10 ul.imgs>li.img1{z-index:1;width:12.19vw;left:0;top:2vw}#ref10 ul.imgs>li.img2{z-index:2;width:4.79vw;left:5.5vw;top:10.8vw}#ref10 ul.imgs>li.img3{z-index:3;width:22.08vw;left:9.4vw;top:0}#ref10 ul.imgs>li.img4{z-index:4;width:12.08vw;left:28.8vw;top:1vw}#ref10 ul.imgs>li.img5{z-index:5;width:14.79vw;left:27.05vw;top:13.9vw}#ref11 ul.imgs{width:37.88vw;height:23.66vw}#ref11 ul.imgs>li.img1{z-index:1;width:8.75vw;left:0;top:2vw}#ref11 ul.imgs>li.img2{z-index:4;width:6.15vw;left:5.75vw;top:12.2vw}#ref11 ul.imgs>li.img3{z-index:2;width:24.37vw;left:6.8vw;top:0}#ref11 ul.imgs>li.img4{z-index:3;width:11.51vw;left:17.15vw;top:12.2vw}#ref11 ul.imgs>li.img5{z-index:5;width:10.83vw;left:27.05vw;top:6.4vw}#ref12 ul.imgs{width:39.05vw;height:34.37vw}#ref12 ul.imgs>li.img1{z-index:1;width:14.11vw;left:0;top:2vw}#ref12 ul.imgs>li.img2{z-index:3;width:28.8vw;left:10.25vw;top:8vw}#ref12 ul.imgs>li.img3{z-index:3;width:19.27vw;left:5vw;top:21.35vw}#ref12 ul.imgs>li.img4{z-index:2;width:18.59vw;left:13.15vw;top:0}#ref12 ul.imgs>li.img5{z-index:5;width:13.44vw;left:22.3vw;top:21.4vw}@media (max-width:1024px){body{font-size:.8em}.cta-scroll{width:6vw;height:12vw;margin-left:-3vw;border-radius:2vw}.cta-scroll:before{width:1vw;height:1vw;margin-left:-.5vw;top:1vw;border-radius:.5vw}@keyframes scroll{from{opacity:1}to{opacity:0;transform:translateY(8vw)}}#breadcrumb{font-size:80px;line-height:65px;margin-bottom:-5px}.logo{width:50vw;left:25vw}#intro .icon{width:14vw;top:57vh;left:43vw}#skills>img{width:30vw;height:auto}}@media (orientation:portrait),(max-width:600px){body{font-size:.8em}header{top:-12vw;height:12vw;border-bottom:2px solid #252525}header .icon{top:2.5vw;left:46.5vw;height:7vw;width:auto}#menu li{line-height:12vw}#menu li:first-of-type{right:65vw}#menu li:last-of-type{left:65vw}.cta-scroll{width:10vw;height:20vw;margin-left:-5vw;border-radius:3vw}.cta-scroll:before{width:2vw;height:2vw;margin-left:-.9vw;top:2vw;border-radius:1vw}@keyframes scroll{from{opacity:1}to{opacity:0;transform:translateY(15vw)}}h1{font-size:2.2em;margin-top:5vw}section{display:block;width:80vw;padding:5vh 10vw 5vh 10vw;min-height:0;margin-bottom:30vw}#intro{min-height:90vh;margin-bottom:0}section .col{width:100%}.logo{width:80vw;left:10vw}#intro .icon{width:24vw;top:50vh;left:38vw}#intro h5{bottom:10vh}#breadcrumb{font-size:35px;line-height:30px;margin-bottom:1px}#about .content,#contact .content,.ref .content{width:100%;filter:none}.ref h1{font-size:2.4em;line-height:.8em;margin-bottom:2vw}.ref h2{font-size:1.8em}#skills{margin-bottom:10vw}#skills>img,#skills>ul{width:67.35vw;height:69.15vw}#skills>ul>li.adobe{width:8.4vw;left:14.7vw;top:38.85vw}#skills>ul>li.adobe:hover{width:8.7vw;left:14.4vw;top:38.55vw}#skills>ul>li.appstore{width:9.9vw;left:6.45vw;top:61.65vw}#skills>ul>li.appstore:hover{width:10.2vw;left:6.15vw;top:61.35vw}#skills>ul>li.bootstrap{width:18vw;left:15.9vw;top:48.3vw}#skills>ul>li.bootstrap:hover{width:18.3vw;left:15.6vw;top:48vw}#skills>ul>li.ganalytics{width:7.5vw;left:14.4vw;top:6vw}#skills>ul>li.ganalytics:hover{width:7.8vw;left:14.1vw;top:5.7vw}#skills>ul>li.git{width:8.4vw;left:21.9vw;top:38.85vw}#skills>ul>li.git:hover{width:8.7vw;left:21.6vw;top:38.55vw}#skills>ul>li.github{width:7.5vw;left:31.2vw;top:.45vw}#skills>ul>li.github:hover{width:7.8vw;left:30.9vw;top:.15vw}#skills>ul>li.gmaps{width:6vw;left:8.1vw;top:25.5vw}#skills>ul>li.gmaps:hover{width:6.3vw;left:7.8vw;top:25.2vw}#skills>ul>li.gplay{width:7.5vw;left:59.85vw;top:10.95vw}#skills>ul>li.gplay:hover{width:7.8vw;left:59.55vw;top:10.65vw}#skills>ul>li.greensock{width:9vw;left:0;top:48.3vw}#skills>ul>li.greensock:hover{width:9.3vw;left:-.3vw;top:48vw}#skills>ul>li.gshopping{width:9.6vw;left:43.05vw;top:0}#skills>ul>li.gshopping:hover{width:9.9vw;left:42.75vw;top:-.3vw}#skills>ul>li.gtag{width:8.4vw;left:55.2vw;top:40.65vw}#skills>ul>li.gtag:hover{width:8.6vw;left:54.9vw;top:40.35vw}#skills>ul>li.html5{width:13.2vw;left:39.9vw;top:10.95vw}#skills>ul>li.html5:hover{width:13.5vw;left:39.6vw;top:10.65vw}#skills>ul>li.illustrator{width:6vw;left:30.15vw;top:63.15vw}#skills>ul>li.illustrator:hover{width:6.3vw;left:29.85vw;top:62.85vw}#skills>ul>li.javascript{width:12vw;left:21vw;top:25.5vw}#skills>ul>li.javascript:hover{width:12.3vw;left:20.7vw;top:25.2vw}#skills>ul>li.jquery{width:15vw;left:27.6vw;top:9vw}#skills>ul>li.jquery:hover{width:15.3vw;left:27.3vw;top:8.7vw}#skills>ul>li.laravel{width:21vw;left:29.1vw;top:25.5vw}#skills>ul>li.laravel:hover{width:21.3vw;left:28.8vw;top:25.2vw}#skills>ul>li.magento{width:12vw;left:7.2vw;top:48.3vw}#skills>ul>li.magento:hover{width:12.3vw;left:6.9vw;top:48vw}#skills>ul>li.mailchimp{width:9vw;left:7.05vw;top:38.25vw}#skills>ul>li.mailchimp:hover{width:9.3vw;left:6.75vw;top:37.95vw}#skills>ul>li.mariadb{width:10.5vw;left:12.6vw;top:25.5vw}#skills>ul>li.mariadb:hover{width:10.8vw;left:12.3vw;top:25.2vw}#skills>ul>li.mysql{width:16.5vw;left:48.45vw;top:19.5vw}#skills>ul>li.mysql:hover{width:16.8vw;left:48.15vw;top:19.2vw}#skills>ul>li.phonegap{width:10.95vw;left:21vw;top:1.5vw}#skills>ul>li.phonegap:hover{width:11.25vw;left:20.7vw;top:1.2vw}#skills>ul>li.photoshop{width:9.6vw;left:10.5vw;top:14.7vw}#skills>ul>li.photoshop:hover{width:9.9vw;left:10.2vw;top:14.4vw}#skills>ul>li.php{width:11.4vw;left:45.75vw;top:37.5vw}#skills>ul>li.php:hover{width:11.7vw;left:45.35vw;top:37.2vw}#skills>ul>li.sass{width:13.5vw;left:31.65vw;top:48.3vw}#skills>ul>li.sass:hover{width:13.8vw;left:31.35vw;top:48vw}#skills>ul>li.shell{width:9vw;left:52.2vw;top:9.45vw}#skills>ul>li.shell:hover{width:9.3vw;left:51.9vw;top:9.15vw}#skills>ul>li.swift{width:10.5vw;left:18.6vw;top:13.8vw}#skills>ul>li.swift:hover{width:10.8vw;left:18.3vw;top:13.5vw}#skills>ul>li.wordpress{width:16.5vw;left:41.85vw;top:50.25vw}#skills>ul>li.wordpress:hover{width:16.8vw;left:41.55vw;top:49.95vw}ul.imgs{width:80vw!important;margin-bottom:10vw}ul.imgs li{position:absolute;display:inline-block;filter:none}#ref1 ul.imgs{height:65.41vw}#ref1 ul.imgs>li.img1{z-index:1;width:29.32vw;left:0;top:0}#ref1 ul.imgs>li.img2{z-index:2;width:24.09vw;left:0;top:23.8vw}#ref1 ul.imgs>li.img3{z-index:3;width:39.73vw;left:17.8vw;top:5.56vw}#ref1 ul.imgs>li.img4{z-index:4;width:28.61vw;left:51.39vw;top:10.01vw}#ref1 ul.imgs>li.img5{z-index:5;width:24.09vw;left:45.83vw;top:39.82vw}#ref2 ul.imgs{height:75vw}#ref2 ul.imgs>li.img1{width:32.83vw}#ref2 ul.imgs>li.img2{width:27.09vw;top:26.26vw}#ref2 ul.imgs>li.img3{width:57.52vw;left:24.9vw;top:4vw}#ref2 ul.imgs>li.img4{width:32.47vw;left:24.53vw;top:41.9vw}#ref2 ul.imgs>li.img5{width:27.73vw;left:52.27vw;top:41.9vw}#ref3 ul.imgs{height:42vw}#ref3 ul.imgs>li.img1{width:23.06vw;top:3.73vw}#ref3 ul.imgs>li.img2{width:9.06vw;left:10.4vw;top:20.43vw}#ref3 ul.imgs>li.img3{width:41.77vw;left:17.9vw}#ref3 ul.imgs>li.img4{width:22.85vw;left:54.9vw;top:1.89vw}#ref3 ul.imgs>li.img5{width:27.98vw;left:51.55vw;top:26.29vw}#ref4 ul.imgs{height:65.22vw}#ref4 ul.imgs>li.img1{width:36.7vw;top:7.14vw}#ref4 ul.imgs>li.img2{width:31.23vw;left:9.52vw;top:34.99vw}#ref4 ul.imgs>li.img3{width:48.34vw;left:31.66vw;top:11.42vw}#ref4 ul.imgs>li.img4{width:27.02vw;left:52.36vw}#ref4 ul.imgs>li.img5{width:40.15vw;left:38.56vw;top:34.99vw}#ref5 ul.imgs{height:30.86vw}#ref5 ul.imgs>li.img1{width:12.69vw;left:7.51vw;top:5.89vw}#ref5 ul.imgs>li.img2{width:17.97vw;top:16.24vw}#ref5 ul.imgs>li.img3{width:41.46vw;left:17.66vw}#ref5 ul.imgs>li.img4{width:17.77vw;left:36.55vw;top:21.93vw}#ref5 ul.imgs>li.img5{width:25.58vw;left:54.42vw;top:4.06vw}#ref6 ul.imgs{height:53.4vw}#ref6 ul.imgs>li.img1{width:25.99vw;top:10.99vw}#ref6 ul.imgs>li.img2{width:28.9vw;left:25.65vw}#ref6 ul.imgs>li.img3{width:56.44vw;left:23.82vw;top:21.47vw}#ref6 ul.imgs>li.img4{width:32.17vw;left:29.32vw;top:30.89vw}#ref6 ul.imgs>li.img5{width:17.98vw;left:58.11vw;top:30.89vw}#ref7 ul.imgs{height:57.8vw}#ref7 ul.imgs>li.img1{z-index:1;width:23.65vw;left:0;top:5.81vw}#ref7 ul.imgs>li.img2{z-index:3;width:53.61vw;left:10.56vw;top:21.38vw}#ref7 ul.imgs>li.img3{z-index:2;width:18.16vw;left:21.38vw;top:0}#ref7 ul.imgs>li.img4{z-index:4;width:20.61vw;left:59.39vw;top:31.14vw}#ref7 ul.imgs>li.img5{z-index:5;width:22.83vw;left:42.76vw;top:47.24vw}#ref8 ul.imgs{height:64.68vw}#ref8 ul.imgs>li.img1{width:29vw}#ref8 ul.imgs>li.img2{width:23.83vw;top:23.54vw}#ref8 ul.imgs>li.img3{width:40vw;left:18.48vw;top:5.5vw}#ref8 ul.imgs>li.img4{width:28.29vw;left:52.4vw;top:9.9vw}#ref8 ul.imgs>li.img5{width:23.83vw;left:47vw;top:39.38vw}#ref9 ul.imgs{height:75vw}#ref9 ul.imgs>li.img1{width:32.83vw}#ref9 ul.imgs>li.img2{width:27.09vw;top:26.26vw}#ref9 ul.imgs>li.img3{width:57.52vw;left:24.9vw;top:4vw}#ref9 ul.imgs>li.img4{width:32.47vw;left:24.53vw;top:41.9vw}#ref9 ul.imgs>li.img5{width:27.73vw;left:52.27vw;top:41.9vw}#ref10 ul.imgs{height:42vw}#ref10 ul.imgs>li.img1{width:23.06vw;top:3.73vw}#ref10 ul.imgs>li.img2{width:9.06vw;left:10.4vw;top:20.43vw}#ref10 ul.imgs>li.img3{width:41.77vw;left:17.9vw}#ref10 ul.imgs>li.img4{width:22.85vw;left:54.9vw;top:1.89vw}#ref10 ul.imgs>li.img5{width:27.98vw;left:51.55vw;top:26.29vw}#ref11 ul.imgs{height:49.97vw}#ref11 ul.imgs>li.img1{z-index:1;width:18.78vw;left:0;top:4.22vw}#ref11 ul.imgs>li.img2{z-index:4;width:12.99vw;left:12.14vw;top:25.77vw}#ref11 ul.imgs>li.img3{z-index:2;width:51.47vw;left:14.36vw;top:0}#ref11 ul.imgs>li.img4{z-index:3;width:24.31vw;left:36.22vw;top:25.77vw}#ref11 ul.imgs>li.img5{z-index:5;width:22.87vw;left:57.13vw;top:13.52vw}#ref12 ul.imgs{height:70.41vw}#ref12 ul.imgs>li.img1{z-index:1;width:28.91vw;left:0;top:4.1vw}#ref12 ul.imgs>li.img2{z-index:3;width:59vw;left:21vw;top:16.39vw}#ref12 ul.imgs>li.img3{z-index:3;width:39.48vw;left:10.24vw;top:43.8vw}#ref12 ul.imgs>li.img4{z-index:2;width:38.08vw;left:26.94vw;top:0}#ref12 ul.imgs>li.img5{z-index:5;width:27.53vw;left:45.69vw;top:43.84vw}form{width:100%;margin-top:10vh}}@media (max-height:640px) and (orientation:landscape){#intro .icon{display:none}}