/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}@font-face{font-family:'Moon Bold';src:url("../assets/fonts/moon/moon-bold.eot");src:url("../assets/fonts/moon/moon-bold.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/moon/moon-bold.woff2") format("woff2"),url("../assets/fonts/moon/moon-bold.woff") format("woff"),url("../assets/fonts/moon/moon-bold.ttf") format("truetype"),url("../assets/fonts/moon/moon-bold.svg#moonbold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Moon Light';src:url("../assets/fonts/moon/moon-light.eot");src:url("../assets/fonts/moon/moon-light.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/moon/moon-light.woff2") format("woff2"),url("../assets/fonts/moon/moon-light.woff") format("woff"),url("../assets/fonts/moon/moon-light.ttf") format("truetype"),url("../assets/fonts/moon/moon-light.svg#moonlight") format("svg");font-weight:normal;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:'Moon Bold';font-weight:400}h2{margin:3.4rem 0 1.6rem}strong{font-weight:600}html{position:relative;min-height:100%}body{margin-bottom:80px;font-family:"Avenir Next", "Karla", sans-serif;font-size:14px}.container{margin:0 auto;max-width:800px;padding:0 2rem}@media screen and (max-width: 320px){.container{padding:0 1rem}}.content{margin-bottom:8rem}header{height:80px;line-height:80px;position:relative;z-index:10;font-family:'Moon Bold', sans-serif}header a{color:#000;padding:0.4rem 0}header a:hover{text-decoration:none}header a.active{border-bottom:2px solid #000}header.white .site-logo{background:url(../assets/images/logo.png) no-repeat center center;background-size:contain}header.white a{color:#000}header.white a.active{border-bottom:2px solid #fff}nav ul,footer ul{margin:0}nav ul li,footer ul li{display:inline-block;margin-left:2rem}nav .site-logo,footer .site-logo{height:2rem;width:2rem;background:url(../assets/images/logo.png) no-repeat center center;background-size:contain;position:absolute;top:1.4rem}nav ul{text-align:right}footer{position:absolute;left:0;bottom:0;height:80px;line-height:80px;width:100%;color:#999;font-size:0.8rem;box-sizing:border-box}footer ul{float:right}footer ul li{height:16px;width:16px;margin-left:1rem}footer ul li svg{fill:#999}footer ul li svg:hover{fill:#000}@media screen and (max-width: 320px){footer ul{display:none}}footer a{color:#999;font-weight:400}footer a:hover{color:#333;text-decoration:none}a{color:#D0021B;text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.post-link{font-family:'Moon Bold', sans-serif;text-decoration:none;color:#777}.post-list{margin:4rem 0 0}@media screen and (max-width: 568px){.post-list{margin:2rem 0 0}}.post-list article{margin-bottom:5rem}.post-list article h1{margin-left:calc(25% + 2rem)}@media screen and (max-width: 568px){.post-list article h1{margin-left:0}}.post-list article aside{display:inline-block;width:25%;vertical-align:top;text-align:right;margin-top:1rem}@media screen and (max-width: 568px){.post-list article aside{display:block;width:100%;text-align:left}}.post-list article aside ul{list-style:none;padding:0;color:#999}@media screen and (max-width: 568px){.post-list article aside ul{display:inline-block;vertical-align:top;margin:0.4rem 0 0 1rem}}.post-list article aside ul li{line-height:1.5}.post-list article aside img{border-radius:100%;width:80px;margin-bottom:0.8rem}@media screen and (max-width: 568px){.post-list article aside img{width:50px}}.post-list article section{display:inline-block;width:calc(75% - 2rem);margin-left:2rem;line-height:1.5;clear:both}@media screen and (max-width: 568px){.post-list article section{display:block;width:100%;margin-left:0}}.post-list .post-link:hover{text-decoration:none;color:#333}.post .hero{width:100%;height:500px;margin:-5rem 0 4rem;text-align:center;overflow:hidden;position:relative}@media screen and (max-width: 568px){.post .hero{height:200px;margin:-5rem 0 2rem}}@media screen and (max-width: 480px){.post .hero{height:168px}}.post .hero img{height:inherit;animation:fall 2s ease}.post .hero .animation{height:100%;position:relative}.post .post-meta{color:#999}.post .post-content{margin-top:3rem 0 0}@media screen and (max-width: 568px){.post .post-content{margin:2rem 0 0}}.post .post-content p:first-of-type{font-weight:500}.post .post-content p:first-of-type::first-letter{font-size:3rem;color:#D0021B;float:left;margin:-1.2rem 0.6rem -1rem 0;font-weight:700}.post p{line-height:1.8;margin-bottom:1.4rem}@keyframes fall{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}.photo-gallery{list-style:none;padding:0}.photo-gallery li{width:32.949%;display:inline-block;padding:1.6rem;box-sizing:border-box}@media screen and (max-width: 667px){.photo-gallery li{width:49.3%;padding:1rem}.photo-gallery li:nth-child(odd){padding:1rem 1rem 1rem 0}.photo-gallery li:nth-child(even){padding:1rem 0 1rem 1rem}}.photo-gallery li img{width:100%}.photo{margin:4rem 0 4rem;text-align:center}@media screen and (max-width: 414px){.photo{margin:0 0 2rem}}.photo img{width:auto;max-height:calc(95vh);max-width:100%}.photo-container{margin:0 auto;max-width:800px;padding:0 2rem}@media screen and (max-width: 414px){.photo-container{padding:0}}.photo-thumb{opacity:0}.photo-thumb.photo-1{animation:drop 400ms ease-in-out 0ms forwards}.photo-thumb.photo-2{animation:drop 400ms ease-in-out 200ms forwards}.photo-thumb.photo-3{animation:drop 400ms ease-in-out 400ms forwards}.photo-thumb.photo-4{animation:drop 400ms ease-in-out 600ms forwards}.photo-thumb.photo-5{animation:drop 400ms ease-in-out 800ms forwards}.photo-thumb.photo-6{animation:drop 400ms ease-in-out 1000ms forwards}.photo-thumb.photo-7{animation:drop 400ms ease-in-out 1200ms forwards}.photo-thumb.photo-8{animation:drop 400ms ease-in-out 1400ms forwards}.photo-thumb.photo-9{animation:drop 400ms ease-in-out 1600ms forwards}.photo-thumb.photo-10{animation:drop 400ms ease-in-out 1800ms forwards}.photo-thumb.photo-11{animation:drop 400ms ease-in-out 2000ms forwards}.photo-thumb.photo-12{animation:drop 400ms ease-in-out 2200ms forwards}@keyframes drop{0%{opacity:0;transform:scale(1.4)}100%{opacity:1;transform:scale(1)}}code{background:#f0f0f0;padding:2px 4px;border-radius:3px}pre code{padding:0}.highlight{background:#f0f0f0;margin:0;border-radius:8px;padding:1rem 2rem;overflow:scroll}.highlighter-rouge .highlight{background:#eee}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}@media screen and (max-width: 736px){.hero .animation{transform:scale(0.9)}}@media screen and (max-width: 667px){.hero .animation{transform:scale(0.8)}}@media screen and (max-width: 568px){.hero .animation{transform:translateY(5rem) scale(0.5)}}@media screen and (max-width: 480px){.hero .animation{transform:translateY(5rem) scale(0.3)}}.hero .animation .camera{width:300px;height:auto;position:absolute;bottom:0;left:calc(50vw - 150px);transform:translateY(14rem);animation:bounce-up 1s ease forwards;z-index:50}.hero .animation .flash{width:5px;height:5px;background-color:rgba(255,255,255,0.6);border-radius:5px;display:inline-block;box-shadow:0 0 50rem #fff;position:absolute;bottom:5.7rem;left:calc(50vw + 4.5rem);animation:flash 0.2s ease 3s;transform:scale(0);z-index:60}.hero .animation .photo{width:200px;height:auto;position:absolute;bottom:2.8rem;left:calc(50% - 6rem);opacity:0;box-shadow:0 0 40px rgba(0,0,0,0.1)}.hero .animation .cityscape-photo-container{position:absolute;width:200px;bottom:2.3rem;left:calc(50% - 100px);opacity:0;animation:slide-out 2.4s linear 3.2s forwards;z-index:24}.hero .animation .cityscape-photo-container .cityscape-photo{width:100%;position:absolute;bottom:0;left:0}.hero .animation .cityscape-photo-container .photo-develop{background-color:#fff;height:122px;width:158px;position:absolute;bottom:0.5rem;left:2.1rem;animation:fade-out 3s linear 4s forwards;z-index:10}.hero .animation .coffee-cup-photo{transform:rotate(-90deg) scale(0.8);animation:coffee-anim 1s ease 1.2s forwards;z-index:12}.hero .animation .rhodes-photo{animation:rhodes-anim 1s ease 1.2s forwards;z-index:14}.hero .animation .me-fola-photo{animation:me-fola-anim 1s ease 1.2s forwards;z-index:16}.hero .animation .sea-sunset-photo{animation:sea-sunset-anim 1s ease 1.2s forwards;z-index:18}@keyframes bounce-up{50%{transform:translateY(-2rem)}100%{transform:translateY(0)}}@keyframes flash{50%{transform:scale(200)}100%{transform:scale(0)}}@keyframes slide-out{1%{opacity:1}100%{transform:translateX(13.2rem);opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes coffee-anim{1%{opacity:1}100%{transform:translate(-16rem, -5rem) rotate(-105deg);opacity:1}}@keyframes rhodes-anim{1%{opacity:1}100%{transform:translate(-8rem, -11rem) rotate(3deg);opacity:1}}@keyframes me-fola-anim{1%{opacity:1}100%{transform:translate(5rem, -10rem) rotate(-3deg);opacity:1}}@keyframes sea-sunset-anim{1%{opacity:1}100%{transform:translate(15rem, -6rem) rotate(6deg);opacity:1}}.app-icon-demo{text-align:center}.app-icon{display:inline-block;width:300px;height:180px;perspective:1000px}@media screen and (max-width: 320px){.app-icon{width:288px;height:170px}}.app-icon .layers{height:inherit;width:inherit;position:relative;overflow:hidden;transform:translateZ(-3rem);border-radius:4px;box-shadow:0 30px 50px 0 rgba(0,0,0,0.3)}.app-icon .layers .light-effect{position:absolute;top:-30rem;left:0rem;height:400px;width:400px;border-radius:400px;background:-moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);background:radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);z-index:999}.app-icon .layers .layer{position:absolute}.app-icon .layers .layer-0{position:absolute;height:100%;width:100%;padding:2rem;top:-2rem;left:-2rem;background:#3498db;z-index:0}.app-icon .layers .layer-1{height:60px;width:60px;border-radius:50px;background:#f39c12;z-index:1;top:1rem;right:1rem}.app-icon .layers .layer-2{bottom:0;right:0;width:0;height:0;border-left:120px solid transparent;border-right:120px solid transparent;border-bottom:120px solid #27ae60;z-index:2}.app-icon .layers .layer-3{bottom:0;left:-1rem;width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:100px solid #2ecc71;z-index:3}