@import "https://fonts.googleapis.com/css?family=Raleway:400,700,900";@-webkit-keyframes bounce{0%{bottom:0px}50%{bottom:5px}100%{bottom:0px}}@-moz-keyframes bounce{0%{bottom:0px}50%{bottom:5px}100%{bottom:0px}}@-o-keyframes bounce{0%{bottom:0px}50%{bottom:5px}100%{bottom:0px}}@keyframes bounce{0%{bottom:0px}50%{bottom:5px}100%{bottom:0px}}*{padding:0;margin:0;font-family:Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;color:#343b42;z-index:1}html,body{max-width:100%;width:100%;overflow-x:hidden}body{background:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;position:relative}.left{float:left}.right{float:right}.clear{clear:both}a{text-decoration:none}ul.horizontal{padding:0;list-style-type:none;display:inline-block}ul.horizontal>li{display:inline}strong{font-size:inherit;color:inherit}#content{margin:0 auto;width:100%}#content,footer{background:#f9fafb}#scroll-to-top{position:fixed;width:3em;height:3em;background:rgba(121,135,149,0.2);border:1px solid rgba(249,250,251,0.2);border-radius:100%;cursor:pointer;padding:.67em 1.07em;color:#f9fafb;opacity:0;right:1.2em;bottom:-4em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#scroll-to-top:hover{background:rgba(121,135,149,0.6)}#scroll-to-top:before{font-family:FontAwesome;content:"\f0d8";font-size:1.3em}#scroll-to-top.showing{bottom:1.2em;opacity:1}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loader{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;background-color:#798795;border-radius:50%;z-index:1001}#loader:after{content:'';position:absolute;border-radius:50%;top:50%;left:50%;border:0px solid #f9fafb;transform:translate(-50%, -50%);animation:loading 1000ms ease-out forwards infinite}@keyframes loading{0%{border:0px solid #f9fafb}20%{border:4px solid #f9fafb;width:0%;height:0%}100%{border:20px solid #f9fafb;width:100%;height:100%}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#f9fafb;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{background-color:#f9fafb;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.loaded #loader-wrapper .loader-section.section-right{background-color:#f9fafb;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.loaded #loader{opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 0.3s 1s ease-out;transition:all 0.3s 1s ease-out}header{border-top:6px solid #fffc00;width:100%;position:fixed;z-index:3;text-align:center;text-shadow:1px 3px 15px #ebedef;-webkit-box-shadow:0 0 20px 15px #f9fafb;-moz-box-shadow:0 0 20px 15px #f9fafb;box-shadow:0 0 20px 15px #f9fafb}header #header-content{background:rgba(255,252,0,0.9);margin-top:-2em;opacity:0;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}header.showing{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}header.showing #header-content{background:rgba(249,250,251,0.9);margin-top:0;opacity:1}header.showing #header-content:hover{background:#f9fafb}header h3{display:inline-block;font-style:italic;font-weight:900;font-size:1.5em;line-height:.7em;margin:0 1em 0 .5em;vertical-align:-20%}header nav{text-align:center;display:inline;top:-.5em}header nav a{padding:.2em .8em .4em;display:inline-block;position:relative;color:#798795;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}header nav a:before{content:"";position:absolute;width:105%;top:0;right:0;height:0;background:#fffc00;opacity:0;z-index:1;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}header nav a .fa{z-index:2;position:relative;color:inherit}header nav a span{position:relative;z-index:2;font-weight:400;color:inherit}header nav a.current{background-color:#fffc00;font-weight:700;color:#343b42}header nav a:not(.current):hover{color:#343b42}header nav a:not(.current):hover:before{opacity:1;height:100%}#top{text-shadow:1px 3px 15px #cfd4d9;height:40em;width:100%;padding:0;display:table;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#top>#top-content{margin:0 auto;display:table;height:100%}#top>.arrow-down{text-align:center;font-size:1.8em;margin-top:-1.5em}#top>.arrow-down .fa{color:#8794a1;position:relative;cursor:pointer;padding:0 .5em .5em;-webkit-animation:bounce 1.5s infinite;-moz-animation:bounce 1.5s infinite;-o-animation:bounce 1.5s infinite;animation:bounce 1.5s infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#top>.arrow-down .fa:hover{color:#343b42;transform:scale(1.15);-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}#main,#greeting{display:table-cell;vertical-align:middle;width:50%;position:relative}#main{padding:0}#main h1{font-size:5.5em;line-height:.9em;margin-right:25%;margin-left:.4em;max-width:7em;font-style:italic;font-weight:900;text-align:right}#main h1 span{font-size:inherit;font-weight:inherit}#main ul{list-style-type:none;margin-left:29%}#main ul:before{content:"";display:block;position:relative;height:3px;width:35px;margin:1.3em 0 1.3em -.5em;background:#343b42}#main ul a{display:block}#main ul li a{font-size:1.2em;line-height:1.5em;display:inline-block;position:relative;letter-spacing:.09em}#main ul li a:before{content:"";text-shadow:none;font-family:FontAwesome;color:#e5e8eb;font-size:1em;display:inline-block;background-color:#e5e8eb;width:1em;height:1em;text-align:center;overflow:hidden;position:relative;vertical-align:-13%;border-radius:100%;margin-right:.3em;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#main ul li a:hover:before{background:#fffc00;margin-bottom:.15em;-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.4);-moz-box-shadow:0 5px 5px -5px rgba(0,0,0,0.4);box-shadow:0 5px 5px -5px rgba(0,0,0,0.4)}#main ul li a:hover i{padding-left:.3em;color:#343b42;transform:scale(1.2)}#main ul li a span{z-index:2;position:relative}#main ul li a span i{color:#b2bac2;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#greeting div{width:20em;margin:0 auto}#greeting p{line-height:1.5em;font-size:1.2em;letter-spacing:.02em}#greeting #hi{font-size:2.4em;font-weight:700}#projects{width:80%;max-width:1150px;margin:0 auto;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#projects .project{height:15em;width:33.33333%;display:inline-block;padding:.35em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#projects .project>a{display:block;width:100%;max-width:25em;height:100%;margin:0 auto;overflow:hidden;background:#dde0e4;background-size:cover;background-position:center 50%;background-image:url("../img/loading.gif");border-radius:.2em;position:relative;text-align:center;cursor:pointer;-webkit-box-shadow:inset 0 3px 3px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 3px 3px rgba(0,0,0,0.1);box-shadow:inset 0 3px 3px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 200px 200px rgba(52,59,66,0.7);-moz-box-shadow:inset 0 0 200px 200px rgba(52,59,66,0.7);box-shadow:inset 0 0 200px 200px rgba(52,59,66,0.7)}#projects .project>a i{color:#fffc00;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#projects .project>a:hover i{padding-left:10px;transform:scale(1.3)}#projects .project>a:hover h2{padding-left:31px}#projects .project h2{color:#fff;font-size:1.4em;opacity:0;display:block;padding:.5em 1em;text-align:center;left:0;right:0;opacity:1;top:3.8em;font-weight:600;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#projects .project.more{pointer-events:none;cursor:default}#projects .project.more>a{background-color:rgba(52,59,66,0.5)}#projects .tags{position:absolute;bottom:.5em;right:.3em}#projects .tags>span{font-weight:700;font-size:.75em;color:#f9fafb;cursor:pointer;background:rgba(52,59,66,0.5);background:#343b42;padding:.2em .5em .2em;border-radius:.2em;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#project-details{opacity:0;display:none;position:fixed;align-items:center;width:100%;z-index:4;top:0;bottom:0;left:0;right:0;background-color:#343b42;background-color:rgba(7,8,9,0.75);-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#project-details.maximized{opacity:1}#project-details>.inner{display:block;vertical-align:middle;position:relative;margin:0 auto;max-width:1080px;width:70%;background:#f9fafb;padding:2em 2em 1em;overflow-y:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;overflow:overlay;-webkit-overflow-scrolling:touch;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#project-details h2{font-weight:900;font-size:2.5em;margin:0 1em;text-align:center;margin-bottom:.3em;vertical-align:middle}#project-details .year{display:block;margin-top:-.1em;color:#b2bac2;vertical-align:middle}#project-details .project-description{padding:.35em;line-height:1.4em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#project-details .project-description a{color:#798795;font-weight:600;text-decoration:underline;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#project-details .project-description a:hover{color:#343b42;background:#fffc00}#project-details .project-images{margin:1em 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#project-details .project{height:13em;width:33.33333%;display:inline-block;padding:.35em;cursor:zoom-in;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#project-details .project>div{width:100%;height:100%;margin:0 auto;overflow:hidden;background:#dde0e4;background-size:cover;background-position:center 50%;border-radius:.2em;position:relative;text-align:center;-webkit-box-shadow:inset 0 2px 8px 2px rgba(0,0,0,0.17);-moz-box-shadow:inset 0 2px 8px 2px rgba(0,0,0,0.17);box-shadow:inset 0 2px 8px 2px rgba(0,0,0,0.17);-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#project-details .project>div:after{font-family:FontAwesome;content:"\f00e";position:absolute;opacity:0;transform:scale(0.9);top:50%;left:50%;margin-top:-12%;margin-left:-10%;font-size:2em;background:#343b42;width:2em;border-radius:100%;height:2em;text-align:center;line-height:1.9em;color:#f9fafb;cursor:pointer;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#project-details .project>div:hover:after{opacity:.9;transform:scale(1)}#project-details>img{border:0;width:100%;background:#dde0e4;border-radius:.2em;display:inline-block;-webkit-box-shadow:0 0 0 1px #f9fafb;-moz-box-shadow:0 0 0 1px #f9fafb;box-shadow:0 0 0 1px #f9fafb;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#project-details #lightbox{position:fixed;display:none;top:0;bottom:0;left:0;right:0;width:100%;padding:3em 1.5em;opacity:0;z-index:5;background:rgba(0,0,0,0.7);cursor:zoom-out;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#project-details #lightbox.maximized{opacity:1}#project-details #lightbox .cell{display:table;display:flex;align-items:center;width:100%;height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#project-details #lightbox img{display:table-cell;width:100%;max-width:1300px;vertical-align:middle;height:auto;margin:0 auto;-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.4);-moz-box-shadow:0 5px 5px -5px rgba(0,0,0,0.4);box-shadow:0 5px 5px -5px rgba(0,0,0,0.4);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#project-details .close{position:absolute;display:table-cell;vertical-align:middle;top:1em;right:1em;font-size:2em;height:1.2em;width:1.2em;line-height:1.1em;border-radius:100%;text-align:center;background:#343b42;color:#f9fafb;cursor:pointer;opacity:.2;-o-transition:.15s;-ms-transition:.15s;-moz-transition:.15s;-webkit-transition:.15s;transition:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden}#project-details .close:hover{opacity:1}footer{text-align:center;padding:5em 0;font-size:.8em;color:#798795;background:#f9fafb}footer:before{content:"";display:block;position:relative;margin:-1em auto 1em;background:#cfd4d9;height:.1em;width:2em}footer span{font-size:inherit;color:inherit}footer strong{font-size:inherit;font-weight:700;color:inherit}@media screen and (max-width: 1080px){#main h1{font-size:5em;margin-right:15%}#greeting div{width:15em}#greeting p{font-size:1.1em}#greeting #hi{font-size:2.1em}#projects{width:90%}#project-details .inner{width:80%}#project-details .inner .project{width:50%;height:12em}}@media screen and (max-width: 720px){header span:nth-of-type(2){display:none}#projects{width:98%}}@media screen and (max-width: 650px){#top{height:auto}#main,#greeting{padding:3em 0;width:100%;display:block}#main{padding:4em 0 1.5em}#main h1{text-align:center;margin:0 auto}#greeting{padding:1.5em 0 4em}#projects{width:80%}#projects .project{width:100%;padding:1em}#projects .project>a h2{top:0;height:100%;padding:3.5em 1em;background:rgba(52,59,66,0.5);opacity:1;z-index:1}#projects .project>a:hover h2{top:0 !important}#projects .project>a:after{opacity:1;z-index:2;border-radius:.2em;margin-top:8em;font-size:.8em;transform:scale(1);-webkit-box-shadow:0 0 0 rgba(52,59,66,0);-moz-box-shadow:0 0 0 rgba(52,59,66,0);box-shadow:0 0 0 rgba(52,59,66,0)}#project-details{padding:0}#project-details .inner{max-height:none;overflow-x:hidden;width:100%;height:100%;top:0;bottom:0;left:0;right:0;padding:1.7em;margin:0;border-radius:0}#project-details .inner .close{right:-.8em;opacity:.5;padding-right:1em;border-radius:1em 0 0 1em}#project-details #lightbox{padding:.5em}#project-details #lightbox img{width:100%}footer{padding:2.5em 0}}@media screen and (max-width: 500px){#project-details .inner .project{width:100%;height:12em}}@media screen and (max-width: 375px){header h3{margin:0}header nav a{padding:.2em .6em .4em}#main h1{font-size:4.1em}#projects{width:95%}}
/*# sourceMappingURL=style.css.map */