html,body{height:100%;background-color:#FFF}body{max-width:1400px;margin-left:auto;margin-right:auto}.clear{clear:both}header{font-size:1rem;margin:1.5em 4em}@media (min-width: 450px){header:after{display:block;border-bottom:2px solid #F2EFF4;width:100%;content:""}}header h1{margin:0;margin-left:0.5em;font-size:1.2em;font-family:Ovo,serif;height:40px;line-height:40px;display:inline-block}header nav{float:right}header nav ul{list-style:none;display:inline-block;height:40px;line-height:40px;padding:0;margin:0}header nav li{display:inline-block}header nav a{display:block;text-decoration:none;padding-left:1em;padding-right:1em}@media (max-width: 450px){header h1{display:block;text-align:center;font-size:1.5em}header nav{font-size:1.2em;display:block;float:none;text-align:center}header nav:before,header nav:after{display:block;background:#fcfcfc;height:2px;width:100%;content:"";margin-top:1em}header nav ul{width:100%;padding-top:0.5em;padding-bottom:0.5em}header nav li{display:block;width:100%}header nav a{padding-left:0;padding-top:0.25em;padding-bottom:0.25em}}body{font:18px/1.2em Muli,sans-serif;max-width:1200px}header a{color:#222;font-weight:bold}header a:hover{color:#666}main h1,main h2,main h3,main h4,main h5,main h6{font-size:1em}main h1:before{content:"–"}main h1:after{content:"–"}main h1,main h2.inline,main #contact-list h2,#contact-list main h2,main #meetup-list h2,#meetup-list main h2{font-weight:300;letter-spacing:2px;font-size:0.8em;text-transform:uppercase}main h2.inline,main #contact-list h2,#contact-list main h2,main #meetup-list h2,#meetup-list main h2{display:inline-block;padding-right:1em}main h2.inline:after,main #contact-list h2:after,#contact-list main h2:after,main #meetup-list h2:after,#meetup-list main h2:after{content:":"}@media (max-width: 450px){main h1{text-align:center;font-size:1.2em}}.flow-text,.big-flow-text,section.intro p{font-weight:300;line-height:1.2em}@media only screen and (min-width: 360px){.flow-text,.big-flow-text,section.intro p{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text,.big-flow-text,section.intro p{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text,.big-flow-text,section.intro p{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text,.big-flow-text,section.intro p{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text,.big-flow-text,section.intro p{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text,.big-flow-text,section.intro p{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text,.big-flow-text,section.intro p{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text,.big-flow-text,section.intro p{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text,.big-flow-text,section.intro p{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text,.big-flow-text,section.intro p{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text,.big-flow-text,section.intro p{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text,.big-flow-text,section.intro p{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text,.big-flow-text,section.intro p{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text,.big-flow-text,section.intro p{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text,.big-flow-text,section.intro p{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text,.big-flow-text,section.intro p{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text,.big-flow-text,section.intro p{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text,.big-flow-text,section.intro p{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text,.big-flow-text,section.intro p{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text,.big-flow-text,section.intro p{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text,.big-flow-text,section.intro p{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text,.big-flow-text,section.intro p{font-size:1.2rem}}.big-flow-text,section.intro p{font-weight:normal}@media only screen and (min-width: 360px){.big-flow-text,section.intro p{font-size:1.5rem}}@media only screen and (min-width: 390px){.big-flow-text,section.intro p{font-size:1.575rem}}@media only screen and (min-width: 420px){.big-flow-text,section.intro p{font-size:1.65rem}}@media only screen and (min-width: 450px){.big-flow-text,section.intro p{font-size:1.725rem}}@media only screen and (min-width: 480px){.big-flow-text,section.intro p{font-size:1.8rem}}@media only screen and (min-width: 510px){.big-flow-text,section.intro p{font-size:1.875rem}}@media only screen and (min-width: 540px){.big-flow-text,section.intro p{font-size:1.95rem}}@media only screen and (min-width: 570px){.big-flow-text,section.intro p{font-size:2.025rem}}@media only screen and (min-width: 600px){.big-flow-text,section.intro p{font-size:2.1rem}}@media only screen and (min-width: 630px){.big-flow-text,section.intro p{font-size:2.175rem}}@media only screen and (min-width: 660px){.big-flow-text,section.intro p{font-size:2.25rem}}@media only screen and (min-width: 690px){.big-flow-text,section.intro p{font-size:2.325rem}}@media only screen and (min-width: 720px){.big-flow-text,section.intro p{font-size:2.4rem}}@media only screen and (min-width: 750px){.big-flow-text,section.intro p{font-size:2.475rem}}@media only screen and (min-width: 780px){.big-flow-text,section.intro p{font-size:2.55rem}}@media only screen and (min-width: 810px){.big-flow-text,section.intro p{font-size:2.625rem}}@media only screen and (min-width: 840px){.big-flow-text,section.intro p{font-size:2.7rem}}@media only screen and (min-width: 870px){.big-flow-text,section.intro p{font-size:2.775rem}}@media only screen and (min-width: 900px){.big-flow-text,section.intro p{font-size:2.85rem}}@media only screen and (min-width: 930px){.big-flow-text,section.intro p{font-size:2.925rem}}@media only screen and (min-width: 960px){.big-flow-text,section.intro p{font-size:3rem}}section,header,footer{margin:1.5em 4em}footer{text-align:center;font-size:0.8em;font-weight:300;letter-spacing:1px}footer:before{display:block;border-top:2px solid #F2EFF4;padding-bottom:0.8em;height:2px;width:100%;content:""}section{padding-bottom:2em}section:last-of-type{padding-bottom:0}i.fa{padding-right:0.3em}.squeeze-top,#contact-list,#meetup-list{margin-top:-1em}.js-only{display:none}section.intro p{font-family:Ovo,serif}section.intro em{font-style:normal;color:#AAA1B2}nav.inline,#contact-list nav,#meetup-list nav{display:inline-block}ul{display:inline-block;list-style:none;padding-left:0;font-size:0.8em}li{display:inline-block;margin-left:1em;margin-right:1em}a{text-decoration:none}a:hover{text-decoration:underline}.year-header{padding-top:2em}.year-header:first-of-type{padding-top:inherit}dl.posts dt{display:block}dl.posts dt a{display:inline-block}dl.posts dt .date{font-size:0.8em;margin-left:1em}dl.posts dd{display:inline-block}dl.posts dd.category{font-size:0.8em}dl.posts dd.tags{margin-left:1em;font-size:0.8em;color:#AAA1B2}dl.posts dd.tags .fa::before{color:#ddd9e0}dl.posts dd.excerpt{display:block}.search input{padding:5px}dl.search-results dt{margin-top:1em}dl.search-results dt:first-of-type{margin-top:2em}.center-block,.profile-picture{display:block;margin-left:auto;margin-right:auto}.profile-picture{border-radius:5px;max-width:250px}@media only screen and (min-width: 600px){.profile-picture{max-width:400px}}@media only screen and (min-width: 1200px){.profile-picture{float:right;padding-left:1em}}.full-width,#portfolio{margin-left:0;margin-right:0}.full-width h1,#portfolio h1{margin-left:4em;margin-right:4em}@media (max-width: 600px){.full-width h1,#portfolio h1{margin-left:1.5em;margin-right:1.5em}}.tile{margin:0;height:100%;width:50%;float:left;position:relative}@media (max-width: 600px){.tile{width:100%}}@media (min-width: 1200px){.tile{width:33.33%}}.tile img{display:block;width:100%;height:100%}.tile .overlay{position:absolute;bottom:0;left:0;visibility:hidden;background:rgba(255,255,255,0.5);width:100%;opacity:0;transition:visibility 0s, opacity 0.8s linear}.tile .detail-content{padding:1.5em 1.5em}.tile .name,.tile .description{padding-top:0;margin-top:0;display:inline-block}.tile .technologies{display:block;list-style:none;padding-left:0}.tile .technology{margin-left:0;margin-right:0;background:rgba(255,255,255,0.25);border:1px solid #CCC;padding:0em 0.5em;border-radius:4px;letter-spacing:1px}.tile:hover .overlay{visibility:visible;opacity:1}@media (max-width: 600px){header,section,footer{margin:1.5em 1.5em}}