html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}li{list-style:none}body{font:normal 75% Arial, Helvetica, sans-serif;background:url("../img/darkbg.jpg") no-repeat #0a0d0f;color:#fff}body,html{height:100%}@font-face{font-family:'DINPro-Light';src:url("fonts/DINPro-Light.eot");src:local("☺"),url("fonts/DINPro-Light.ttf") format("truetype"),url("fonts/DINPro-Light.svg") format("svg");font-weight:normal;font-style:normal}#wrapper{padding:100px 0 60px 100px;box-sizing:border-box;position:relative;z-index:100}#wrapper.hide{display:none}#loader{width:100%;height:2000px;background:#000;position:absolute;top:0;left:0}#loader img{margin-left:47%;margin-top:300px}h1{background:url("../img/vincent-garreau.png") no-repeat;width:196px;height:25px;text-indent:-999999px;margin-bottom:10px}h2{background:url("../img/developpeur-front-end.png") no-repeat;height:26px;text-indent:-999999px}@media (-webkit-min-device-pixel-ratio: 1.75), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){h1{background:url("../img/vincent-garreau-2x.png") no-repeat;background-size:cover}html[lang="fr"] h2{background:url("../img/developpeur-front-end-2x.png") no-repeat;background-size:397px}html[lang="en"] h2{background:url("../img/en/developpeur-front-end-2x.png") no-repeat;background-size:365px}}p{font-family:'DINPro-Light', Arial;font-size:1.1em;line-height:1.4em;cursor:default}a,a:visited{color:#fff;text-decoration:none;color:#9f9f9f}body.pcuser p,body.pcuser .works li:first-child,body.pcuser .companies_top div span{font-family:Arial !important;font-size:1em !important;line-height:1.6em !important}body.loading h2,body.loading p,body.loading ul,body.loading canvas{opacity:0}body.loading #particles-js canvas{opacity:0;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}body h2,body p,body ul{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.info{background:url("../img/uzik.png") no-repeat;max-width:500px;height:68px;text-indent:90px;line-height:68px;font-style:italic;margin-top:30px;margin-bottom:30px}.text{max-width:520px;margin:30px 0;color:#fff}.words{margin-bottom:30px}.words li{background:#fff;padding:5px;border-radius:5px;list-style:none;color:#000;display:inline;float:left;margin:10px 10px 0 0;line-height:1em;cursor:default}.works{margin-bottom:20px}.works li{margin-bottom:20px;cursor:default}.works li:first-child{margin-bottom:.5em;font-family:'DINPro-Light', Arial;font-size:1.1em}.works li:first-child:before{display:none}.works li>a .list-none:before{display:none}.works li img{vertical-align:middle;margin:-1px 0 0 7px}.works span{display:block}.contact{clear:left;padding:30px 0;max-width:562px}.companies{height:66px;margin:35px 0;overflow:hidden;position:relative}.companies_top{height:100%}.companies_top li{display:inline-block;width:112px;height:100%;text-align:center;vertical-align:middle;position:relative;cursor:pointer;margin-right:12px}.companies_top li>div{position:absolute;left:0;top:80px;width:100%;-webkit-transition:top .3s ease;transition:top .3s ease}.companies_top li>div span{line-height:1.5em;width:100%;display:block;margin:0 auto;font-family:'DINPro-Light', Arial;font-size:1.1em}.companies_top li>img{-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.companies_top li:hover>img{opacity:0}.companies_top li:hover>div{top:8px}.thetwelve img{margin-top:20px}.r2d img{margin-top:17px}.livestorm img{margin-top:14px}.companies_bottom{position:absolute;left:0;bottom:0;height:4px}.companies_bottom li{width:112px;height:4px;background:#fff;display:inline-block;vertical-align:top;margin-right:12px}#anim{position:fixed;z-index:-10;top:0;left:0;opacity:0.1;display:none}#particles-js canvas{display:block;vertical-align:bottom;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .8s ease, -webkit-transform 1.4s ease;transition:opacity .8s ease, transform 1.4s ease}#particles-js{width:100%;height:100%;position:fixed;z-index:-10;top:0;left:0}@media only screen and (max-width: 620px){#wrapper{padding:30px;text-align:center}h1{margin:0 auto 30px auto}h2{display:none}p,li{font-size:1.2rem}.companies,.works li:first-child{display:none}.works a{display:inline-block;padding:4px 6px}}@media only screen and (min-width: 621px){body.hover #particles-js canvas{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:.5}.works li{margin-bottom:3px}.works li>a:first-child:before{content:"";display:inline-block;width:4px;height:4px;background:#fff;vertical-align:middle;margin:-4px 7px 0 0;opacity:.2;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.works li>a:hover:before{opacity:1}.works span{display:inline-block;margin-left:3px}.works span:before{content:"- "}}