article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#1b1b24 url('../images/background.png') left top repeat-x;color:#FFF;border-top:5px solid #494573;font:normal normal 18px/1.4em 'Imprima',sans-serif}h1,h2,h3,h4,h5,h6{font-family:'Abel',sans-serif}a{color:#d2ff8f;text-decoration:none}a.helabs{color:#ff2727;text-shadow:0 0 6px rgba(253,56,56,0.7)}.wrapper{margin:1em auto;max-width:960px;width:95%}.clear{clear:both;height:1px;visibility:hidden}header h1,section[role="main"] blockquote{font-family:'Quicksand',sans-serif}header{margin-top:2em}header .avatar{border:1px solid #000;border-radius:3px;display:block;float:left;margin-right:1em;box-shadow:2px 2px 5px rgba(0,0,0,0.5)}header h1,header h2{clear:right;line-height:1em;margin:0}header h1{color:#d2ff8f;text-shadow:0 0 6px rgba(158,253,56,0.7)}header h1{padding-top:.2em;margin-bottom:.1em;text-transform:lowercase;font-size:2.5em}header h2{font-size:1.8em;line-height:1.3em;font-weight:normal}header .contacts{float:right;margin-top:-85px;text-align:right;line-height:1.2em}header .contacts p{margin:0 0 .5em 0}section[role="main"] .intro blockquote{margin:1.5em 0 1em;font-size:2.3em;line-height:1.2em;text-align:center}section[role="main"] .highlight{color:#8fe0ff;text-shadow:0 0 6px rgba(56,182,253,0.7);font-style:normal}section[role="main"] .intro p{text-align:center;width:80%;margin:0 auto 1em}section[role="main"] .graph{width:80%;height:240px;margin:2em auto 1em;background:#21212b;background:-webkit-linear-gradient(top,#21212b 0,#15151c 100%);background:-moz-linear-gradient(top,#21212b 0,#15151c 100%);background:linear-gradient(top,#21212b 0,#15151c 100%);border:1px solid rgba(0,0,0,0.5);border-bottom:2px solid rgba(0,0,0,0.5);box-shadow:0 0 1px rgba(153,156,203,0.4) inset;border-radius:6px;padding:24px 10px 10px;position:relative}section[role="main"] .graph .github{width:72px;height:32px;background:transparent url('../images/github.png') no-repeat;text-indent:-999em;display:block;position:absolute;top:15px;left:20px;z-index:100}section[role="main"] .badges{text-align:center;margin:50px 0;padding:0;list-style:none}section[role="main"] .badges li{margin:0 15px;display:inline}section[role="main"] .badges li a{display:inline-block}section[role="main"] .badges li img{min-width:118px;min-height:117px}section[role="main"] .works{margin:3em 0}section[role="main"] .works article{width:47%;margin-right:6%;float:left;margin-bottom:3em}section[role="main"] .works article img{width:100%}section[role="main"] .works article .front{background:#21212b;background:-webkit-linear-gradient(top,#21212b 0,#15151c 100%);background:-moz-linear-gradient(top,#21212b 0,#15151c 100%);background:linear-gradient(top,#21212b 0,#15151c 100%);border:1px solid rgba(0,0,0,0.5);border-bottom:2px solid rgba(0,0,0,0.5);box-shadow:0 0 1px rgba(153,156,203,0.4) inset;border-radius:6px;padding:5px}section[role="main"] .works article .back{position:relative;margin-top:0}section[role="main"] .works article:nth-child(2n){margin-right:0}section[role="main"] .works article h1,section[role="main"] .works article time{display:inline-block;margin-bottom:0}section[role="main"] .works article time{margin-left:10px}section[role="main"] .works article .back{position:relative}section[role="main"] .works article .back::after{z-index:100;position:absolute;right:15px;top:15px}section[role="main"] .works article.cakephp .back::after{content:url('../images/logos/cakephp.png')}section[role="main"] .works article.wordpress .back::after{content:url('../images/logos/wordpress.png')}section[role="main"] .works article.rails .back::after{content:url('../images/logos/rails.png')}section[role="main"] .works article.facebook .back::after{content:url('../images/logos/facebook.png')}section[role="main"] .works article.development .front{opacity:.5;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%)}section[role="main"] .works article.development .back::before{background:rgba(9,9,11,0.9);border:1px solid rgba(130,133,191,0.15);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 10px;content:"em desenvolvimento";font-size:.8em;color:#9391ac;position:absolute;right:15px;top:-58px}section[role="main"] .works article .favicon img{display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;margin-bottom:1px}footer{border-top:1px solid #1e1e27;background:rgba(0,0,0,0.1);margin-top:3em;padding:35px 0;text-align:center;font-size:.9em;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.4),rgba(0,0,0,0.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,0.4),rgba(0,0,0,0.1));background-image:linear-gradient(top,rgba(0,0,0,0.4),rgba(0,0,0,0.1))}@media(min-width:1001px){.csstransforms3d section[role="main"] .works article{-webkit-perspective:1000}.csstransforms3d section[role="main"] .works article:hover .card,.csstransforms3d section[role="main"] .works article.flip .card{-webkit-transform:rotateY(180deg)}.csstransforms3d section[role="main"] .works article,.csstransforms3d section[role="main"] .works .front,.csstransforms3d section[role="main"] .works .back{width:450px;height:300px}.csstransforms3d section[role="main"] .works article .card{-webkit-transition:.6s;-webkit-transform-style:preserve-3d;position:relative}.csstransforms3d section[role="main"] .works article .front,.csstransforms3d section[role="main"] .works article .back{-webkit-backface-visibility:hidden;position:absolute;top:0;left:0}.csstransforms3d section[role="main"] .works article .front{z-index:2}.csstransforms3d section[role="main"] .works article .back{-webkit-transform:rotateY(180deg);background:#21212b;background:-webkit-linear-gradient(top,#21212b 0,#15151c 100%);background:-moz-linear-gradient(top,#21212b 0,#15151c 100%);background:linear-gradient(top,#21212b 0,#15151c 100%);border:1px solid rgba(0,0,0,0.5);border-bottom:2px solid rgba(0,0,0,0.5);box-shadow:0 0 1px rgba(153,156,203,0.4) inset;border-radius:6px;padding:5px 20px;margin-top:0}.csstransforms3d section[role="main"] .works article.development .back::before{background:rgba(9,9,11,0.5);top:auto;bottom:15px}}@media(max-width:700px){header .avatar{clear:both;float:none;margin:0 auto 1em}header h1,header h2,header .contacts{float:none;text-align:center;clear:both}header .contacts{margin-top:2em}section[role="main"] .intro blockquote{margin:2em 0 1em;font-size:1.5em}section[role="main"] .intro p{width:90%}section[role="main"] .graph{width:90%}section[role="main"] .works article{max-width:450px;width:90%;margin-left:auto;margin-right:auto!important;float:none}}@media(max-width:650px) and (orientation:portrait){section[role="main"] .works article .back::after{display:none!important}}.no-svg section[role="main"] .graph,.no-inlinesvg section[role="main"] .graph,.no-canvas section[role="main"] .graph{display:none}