@import url(normalize.css);@import url(syntax.css);@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600");body{border-top:5px solid #50E3C2;font:1.1em/1.5 "Source Sans Pro","Montserrat","Helvetica Neue",Arial,sans-serif;color:#777}body a{color:#1F9077;text-decoration:none}body a:hover{color:#166654}body a:active{background-color:#FBFFC5}@media (min-width: 992px){.wrapper{width:800px;margin:0 auto}}header{padding:15px 0;border-bottom:1px solid #eee}@media (min-width: 768px){header{padding:20px 0}}header .social-links{display:none;padding:0;margin-top:-2px}@media (min-width: 768px){header .social-links{display:block;float:right}}header .social-links a{fill:#888;margin:0 4px;width:26px;height:26px;display:inline-block}header .social-links a.github:hover{fill:#000}header .social-links a.twitter:hover{fill:#00aced}header .social-links a.dribbble:hover{fill:#ea4c89}header .social-links a.linkedin:hover{fill:#007bb6}header .social-links svg{max-width:100%;max-height:100%}header .social-links .bigger{width:28px;height:28px}header .social-links span{display:none}header ul{margin:0;padding:0;list-style-type:none;text-align:center}@media (min-width: 768px){header ul{text-align:left}}header ul li{display:inline-block;padding:0 4px}@media (min-width: 768px){header ul li{padding:0 8px}}header ul li.active a{font-weight:600;color:#1F9077}header nav{text-transform:uppercase;font-weight:100}header nav a{padding:5px;border-radius:4px;text-decoration:none;color:#888}.page-content{text-align:center}@media (min-width: 768px){.page-content{font-size:1.2em}}.page-content a{color:#1F9077;text-decoration:none}.page-content a:hover{color:#166654}.about{padding:20px}@media (min-width: 768px){.about{max-width:700px;margin:0 auto}}.about .profile{max-width:120px;margin-top:10px}@media (min-width: 768px){.about .profile{max-width:167px;float:left;margin-right:40px;margin-top:30px}}@media (min-width: 768px){.about .text{margin-left:220px;text-align:left}}.about p{font-size:.9em}.about h2{font-weight:normal;font-size:1.8em;margin-top:15px}@media (min-width: 768px){.about h2{margin-top:20px;margin-bottom:20px;font-size:2em}}.about h2 .greeting{display:block;font-size:.7em;color:#999}@media (min-width: 768px){.about h2 .greeting{display:inline;font-size:1em;color:#777}}.about h2 strong{font-weight:600;color:#1F9077}.about h1{font-weight:normal;font-size:1.1em}.blog .sub-header{background-color:#f9f9f9;padding:25px 15px;text-align:center;font-style:italic;font-weight:100;font-size:1em;color:#999}@media (min-width: 768px){.blog .sub-header{padding:25px;font-size:1.1em}}.blog .sub-header p{margin:0;padding:0}@media (min-width: 768px){.blog .sub-header p{max-width:600px;margin:0 auto}}.blog .posts{padding:10px 20px;text-align:left}.blog .posts article{padding:25px 0;border-bottom:1px solid #50E3C2}.blog .posts article:last-child{border-bottom:0}@media (min-width: 768px){.blog .posts article{padding:40px 0}.blog .posts article div{max-width:650px;margin:0 auto}}.blog .posts .post-meta{margin-top:15px;color:#999;font-size:.8em}.blog h2{margin:0;padding:0;line-height:120%}@media (min-width: 768px){.blog h2{line-height:130%}}.blog h2 a{font-weight:800;font-size:1em}@media (min-width: 768px){.blog h2 a{font-size:1.3em}}.single-post h1{font-size:1.7em;color:#fff;font-weight:800;line-height:130%;text-align:center}@media (min-width: 768px){.single-post h1{font-size:2.5em}}.single-post .post-meta{text-align:center}.single-post .page-content{text-align:left;font-size:1em}.single-post header{background-color:#1F9077;color:#fff}.single-post .comment-box{padding-top:10px;margin-top:40px;border-top:1px solid #50E3C2}.single-post main{padding:0 20px;margin:35px 0 50px 0}.single-post main .wrapper{max-width:650px;font-size:1.1em}.single-post main .gist{margin:25px 0 35px 0}.single-post main p{margin:30px 0}.single-post main a{border-bottom:1px solid #50E3C2}.single-post main img{margin-left:-100px}.single-post main hr{padding:0;border:none;border-top:medium double #ccc;color:#999;text-align:center;margin:45px 0}.single-post main hr:after{content:"§";display:inline-block;position:relative;top:-0.7em;font-size:1em;padding:0 1em;background:#fff}footer{background-color:#F8F8F8;padding:35px 20px;text-align:center;margin-top:30px}footer p.title{margin:0;font-weight:100;font-size:1.5em}@media (min-width: 768px){footer p.title{font-size:2.1em;padding:0 0 15px 0}}footer .footer-box{border-bottom:1px solid #D1D1D1;padding-bottom:15px}@media (min-width: 768px){footer .footer-box{padding-bottom:30px}}@media (min-width: 768px){footer .footer-box p{margin:0;max-width:550px;margin:15px auto}}.social-links-bar{padding-top:30px;border-top:2px solid #fff}@media (min-width: 768px){.social-links-bar{padding-top:35px}}.social-links-bar ul{margin:0;padding:0;list-style-type:none;text-align:center}.social-links-bar ul span{display:block}.social-links-bar ul a{display:inline-block;width:23%;line-height:120%;font-size:.8em;opacity:.75;color:#666;font-weight:100}@media (min-width: 768px){.social-links-bar ul a{font-size:1em;max-width:100px}}.social-links-bar ul a.github{fill:#000}.social-links-bar ul a.twitter{fill:#00aced}.social-links-bar ul a.dribbble{fill:#ea4c89}.social-links-bar ul a.linkedin{fill:#007bb6}.social-links-bar ul a:hover{opacity:1}.social-links-bar ul svg{width:32px;height:32px}@media (min-width: 768px){.social-links-bar ul svg{width:50px;height:50px}}.work img{width:auto;max-width:100%}.work .work-block{padding-top:35px;border-bottom:1px solid #ddd}@media (min-width: 768px){.work .work-block{padding-top:80px}}.work .work-block img{margin-top:20px}.work .work-block h2{margin:0;font-weight:bold;font-size:25px;color:#333}@media (min-width: 768px){.work .work-block h2{font-weight:100;font-size:50px}}.work .work-block h3{margin:0;font-weight:100}.work .quintal{background-color:#f9f9f9}.work .conpedi{background-color:#000}.work .cimm{background-color:#c00}.work .next-project{padding:40px 0 20px 0;max-width:600px;margin:0 auto}.work .next-project p.title{margin:0;padding:0;font-size:32px;color:#1F9077}.work .next-project strong{font-weight:600}.work .view-project{text-align:center;margin:15px 30px 0 30px}.work .view-project a,.work .view-project a:visited{padding:10px;color:#777;border-radius:3px;display:block;max-width:120px;margin:0 auto}.work .view-project a:hover{background-color:rgba(255,255,255,0.2)}