@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/assets/css/fonts/roboto-v18-latin-regular.woff2) format("woff2"),url(/assets/css/fonts/roboto-v18-latin-regular.woff) format("woff")}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/assets/css/fonts/roboto-v18-latin-700.woff2) format("woff2"),url(/assets/css/fonts/roboto-v18-latin-700.woff) format("woff")}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local("Roboto Condensed"),local("RobotoCondensed-Regular"),url(/assets/css/fonts/roboto-condensed-v16-latin-regular.woff2) format("woff2"),url(/assets/css/fonts/roboto-condensed-v16-latin-regular.woff) format("woff")}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local("Roboto Condensed Bold"),local("RobotoCondensed-Bold"),url(/assets/css/fonts/roboto-condensed-v16-latin-700.woff2) format("woff2"),url(/assets/css/fonts/roboto-condensed-v16-latin-700.woff) format("woff")}html{font-family:"Roboto","Helvetica Neue",Arial,sans-serif;color:#fff}[data-grid]{display:block;margin-left:-1.5em}[data-grid]::after{content:"";display:table;clear:both}[data-grid~=gutterless]{margin-left:0}[data-col]{position:relative;display:block;width:100%;float:left;padding-left:1.5em}[data-grid~=rev] [data-col]{float:right}[data-grid~=gutterless] [data-col]{padding-left:0}[data-col~="1-2"],[data-col~="2-4"]{width:50%}[data-col~="1-3"]{width:33.33333%}[data-col~="2-3"]{width:66.66667%}[data-col~="1-4"]{width:25%}[data-col~="3-4"]{width:75%}[data-col~="1-5"]{width:20%}[data-col~="2-5"]{width:40%}[data-col~="3-5"]{width:60%}[data-col~="4-5"]{width:80%}@media (min-width:30em){[data-col~=S1-2],[data-col~=S2-4]{width:50%}[data-col~=S1-3]{width:33.33333%}[data-col~=S2-3]{width:66.66667%}[data-col~=S1-4]{width:25%}[data-col~=S3-4]{width:75%}[data-col~=S1-5]{width:20%}[data-col~=S2-5]{width:40%}[data-col~=S3-5]{width:60%}[data-col~=S4-5]{width:80%}}@media (min-width:45em){[data-col~=M1-2],[data-col~=M2-4]{width:50%}[data-col~=M1-3]{width:33.33333%}[data-col~=M2-3]{width:66.66667%}[data-col~=M1-4]{width:25%}[data-col~=M3-4]{width:75%}[data-col~=M1-5]{width:20%}[data-col~=M2-5]{width:40%}[data-col~=M3-5]{width:60%}[data-col~=M4-5]{width:80%}}@media (min-width:60em){[data-col~=L1-2],[data-col~=L2-4]{width:50%}[data-col~=L1-3]{width:33.33333%}[data-col~=L2-3]{width:66.66667%}[data-col~=L1-4]{width:25%}[data-col~=L3-4]{width:75%}[data-col~=L1-5]{width:20%}[data-col~=L2-5]{width:40%}[data-col~=L3-5]{width:60%}[data-col~=L4-5]{width:80%}}@font-face{font-family:"Entypo";src:url(/assets/css/fonts/Entypo.woff) format("woff");font-weight:400;font-style:normal}[data-icon]{font-family:"Entypo";speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.1em;-webkit-font-smoothing:antialiased}[data-icon=github]::before{content:"\e900"}[data-icon=mail]::before{content:"\e901"}[data-icon=dribbble]::before{content:"\e902"}[data-icon=behance]::before{content:"\e903"}[data-icon=twitter]::before{content:"\e904"}[data-icon=graduation]::before{content:"\e905"}[data-icon=date]::before{content:"\e906"}[data-icon=tag]::before{content:"\e907"}*{box-sizing:border-box}html,body{height:100vh}body{margin:0;background-color:#1d976c}@media (min-width:60em){body{padding:5vh;padding-bottom:0;overflow-x:hidden}}p{margin:0}::-moz-selection{background-color:rgba(227,172,32,.2)}::selection{background-color:rgba(227,172,32,.2)}.bg-pattern{background-image:url(/assets/img/bg-pattern.png);background-size:150px;background-repeat:repeat;position:fixed;opacity:.5;left:0;top:0;width:100%;height:100%;z-index:-1}.link{color:#e3ac20;border-bottom:1px solid transparent;text-decoration:none}.link:hover{border-bottom-color:#e3ac20;transition-duration:.15s}@media (min-width:60em){.section-header{height:10vh}}@media (min-width:60em){.section-main{height:75vh}}.section-footer{padding:1em 0}@media (min-width:60em){.section-footer{padding:0;height:10vh}}.section-intro{padding-bottom:1em}@media (min-width:60em){.section-intro{padding:0;padding-top:7em;height:45vh}}.section-btns{padding:1em 0}@media (min-width:45em){.section-btns{padding:3em 0}}@media (min-width:60em){.section-btns{padding:0;height:30vh}}.site-intro,.site-intro-sub{text-align:center;margin:0}.site-intro{font-family:"Roboto Condensed";padding-top:.5em;font-size:15vw}@media (min-width:45em){.site-intro{padding-top:0}}@media (min-width:60em){.site-intro{font-size:8vw}}.site-intro-sub{font-size:5vw;font-weight:400;padding-top:1em}@media (min-width:60em){.site-intro-sub{font-size:4vw;font-weight:400;padding-top:0}}.not-full{height:auto}#contact{visibility:hidden;position:fixed;opacity:0;left:0;top:0;width:100vw;height:100vh;padding-top:10vh;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);transition:all .3s ease-in-out}.modal-content{background-color:rgba(0,0,0,.8);height:auto;margin:auto;box-shadow:0 2px 2px rgba(0,0,0,.2);width:80%;border-radius:5px}@media (min-width:60em){.modal-content{height:80vh}}#contact:target{opacity:1;visibility:visible}.close{height:10vh}.close a{text-decoration:none;color:#aaa;float:right;font-size:3em;font-weight:700;padding-right:.3em}.close:hover a,.close:focus a{color:#fff;text-decoration:none;cursor:pointer;animation:wiggle .2s ease-in-out}.contact-link{text-decoration:none;color:#aaa;transition-duration:.2s}.contact-link h1{text-align:center;font-size:15vw;margin:0;padding:10vh 0}@media (min-width:60em){.contact-link h1{font-size:5em;padding:23vh 0}.contact-link h1:hover{color:#fff;font-size:5.5em}}.btn-layout{text-align:center}.btn{display:inline-block;width:80vw;margin:.5em 0;text-decoration:none;color:#1d976c;background-color:#fff;padding:1em 0;border:.4em solid #fff;border-radius:50vh;box-shadow:0 5px 5px 0 rgba(0,0,0,.2)}@media (min-width:45em){.btn{width:25vw}}@media (min-width:60em){.btn{margin:0;width:25vw;background-color:transparent;color:#fff;transition-duration:.2s}}@media (min-width:60em){.btn:hover{background-color:#fff;color:#1d976c;box-shadow:0 3px 3px 0 rgba(0,0,0,.2);transform:translateY(2px)}}@media (min-width:60em){.btn:active{box-shadow:0 0 0 rgba(0,0,0,.2);transform:translateY(3px)}}.btn-label{font-weight:700;font-size:2em}.site-heading{margin:0;text-align:center;padding-top:1em}.site-heading a{vertical-align:middle}@media (min-width:60em){.site-heading{padding-top:0;text-align:left}}.site-title{text-decoration:none;color:#fff;font-size:6vw;font-weight:400}@media (min-width:45em){.site-title{font-size:5vw}}@media (min-width:60em){.site-title{font-size:1em}}.site-nav{list-style:none;text-align:center;padding:0 1em;padding-top:2em;margin:0}.site-nav li{text-align:center;width:25%}@media (min-width:45em){.site-nav{padding-top:3em;padding-bottom:3em}}@media (min-width:60em){.site-nav{text-align:left;padding-top:2.4375em;padding-bottom:2.4375em}}.site-nav-item{position:relative;text-decoration:none;text-transform:uppercase;text-align:center;font-family:"Roboto Condensed";font-size:4.5vw;color:#fff;cursor:pointer;padding:0}@media (min-width:45em){.site-nav-item{padding:0}}@media (min-width:60em){.site-nav-item{font-size:1.2em}}.site-nav-item:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#fff;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}@media (min-width:60em){.site-nav-item:hover{color:#fff}}.site-nav-item:hover:before{visibility:visible;transform:scaleX(1)}.site-nav-item.is-active{cursor:default;font-weight:700}.site-nav-item.is-active:before{visibility:visible;transform:scaleX(1)}.site-logo{height:20vw;vertical-align:middle}.site-heading:hover .site-logo{animation:wiggle .2s ease-in-out}@media (min-width:45em){.site-logo{height:15vw}}@media (min-width:60em){.site-logo{transition-duration:.2s;height:3em}}@keyframes wiggle{50%{transform:rotate(10deg)}}.footer-copyright{font-size:.75em;text-align:center;padding:2em 0}@media (min-width:60em){.footer-copyright{padding-top:2em;text-align:right}}.connect-list{list-style:none;margin:0;padding:0;font-size:1.2em;text-align:center}.connect-list li{display:inline-block;float:none;padding:0 1em}.connect-list li a{text-decoration:none;color:#fff}@media (min-width:60em){.connect-list{font-size:1.5em}.connect-list li{float:left;padding:0 1em}}.circle{position:relative;background-color:#fff;color:#1d976c;width:2em;height:2em;border:2px solid #fff;border-radius:50%;box-shadow:0 5px 5px 0 rgba(0,0,0,.2)}.circle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:60em){.circle{background-color:transparent;color:#fff;width:2.25em;height:2.25em;border:3px solid #fff;border-radius:50%;transition-duration:.2s}}@media (min-width:60em){.circle:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.2);transform:translateY(2px)}}@media (min-width:60em){.mail:hover{background-color:#fff;color:#1d976c}}@media (min-width:60em){.twitter:hover{background-color:#1da1f2;border-color:#1da1f2}}@media (min-width:60em){.dribbble:hover{background-color:#ea4c89;border-color:#ea4c89}}@media (min-width:60em){.github:hover{background-color:#24292e;border-color:#24292e}}@media (min-width:60em){.circle:active{box-shadow:0 0 0 rgba(0,0,0,.2);transform:translateY(3px)}}.portfolio-title{font-family:"Roboto Condensed";font-size:1.75em;font-weight:700;text-align:center}@media (min-width:60em){.portfolio-title{text-align:left;margin:1em 0}}.portfolio-header{padding-bottom:1em}.portfolio-footer{padding:1.5em 0}.portfolio-cards{margin:0}@media (min-width:45em){.portfolio-cards{margin:0 1.5em}}.card{position:relative;background-color:#fff;color:#333;margin:1em;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:transform .25s ease-in-out,box-shadow .25s ease-in-out}@media (min-width:45em){.card{margin:0}}@media (min-width:60em){.card:hover{box-shadow:0 5px 5px rgba(0,0,0,.3);transform:scale(1.1,1.1);z-index:1}}.card .card-image img{display:block;border-radius:5px 5px 0 0;width:100%}.card .card-content{padding:1.5em;border-radius:0 0 5px 5px}.card .card-content p{margin:0}.card .card-content .card-title{display:block}.card .card-title{padding-bottom:.5em;font-family:"Roboto Condensed";font-size:1.5em}.card .card-action{padding:1em 1.5em;border-top:1px solid rgba(160,160,160,.2)}.card .card-action a{text-decoration:none;color:#e3ac20}.card-tags{padding-top:1em}.card-tags-name{font-family:"Roboto Condensed";color:rgba(0,0,0,.5)}.tag-space{padding-left:.5em}.post-background{margin:0;margin-top:3vw;background-color:#f9f9f9;box-shadow:0 2px 2px rgba(0,0,0,.2)}@media (min-width:60em){.post-background{margin:0 10vw;margin-top:3vw;border-radius:5px}}.tab{display:inline-block;width:5em}.post{max-width:40em;margin:0 auto;padding:0;padding-top:1em;padding-bottom:3em;color:#333;line-height:1.5;font-size:125%}@media (min-width:45em){.post{padding:3em 0}}.post-header{padding:1em;background-color:#e3ac20;color:#fff;border-bottom:1px solid #cf9c1a}@media (min-width:60em){.post-header{padding:2em;padding-right:2em;border-top-left-radius:5px;border-top-right-radius:5px}}.post-title{margin:0;font-family:"Roboto Condensed";font-size:10vw;text-transform:uppercase}@media (min-width:60em){.post-title{font-size:3.5em;margin-bottom:.25em}}.post-metadata{font-size:4vw}@media (min-width:60em){.post-metadata{font-size:1.25em}}.post-content{margin:0 1em}.post-content p{margin-top:0;margin-bottom:1.5em}.tools-title{color:#fff;background-color:#e3ac20;margin:0;padding:1em;text-align:center;text-transform:uppercase;font-family:"Roboto Condensed";font-size:1.5em;border-bottom:1px solid #cf9c1a}@media (min-width:60em){.tools-title{text-align:left}}.tools-list{list-style:none;padding:2em;margin:0;text-align:center}.tools-list li{display:inline-block;float:none;padding:1em}.tools-img{height:10vw}@media (min-width:45em){.tools-img{height:7vw}}@media (min-width:60em){.tools-img{height:5em}}.tools-name{color:#333;opacity:.7;text-transform:uppercase;font-family:"Roboto Condensed";font-size:4vw}@media (min-width:45em){.tools-name{font-size:2vw}}@media (min-width:60em){.tools-name{font-size:1em}}.backtotop-section{margin:2vw 10vw}.backtotop-btn{border-width:.3em}.backtotop-label{font-size:1.5em}.about-content{margin:3vw 0;background-color:#f9f9f9;box-shadow:0 2px 2px rgba(0,0,0,.2)}@media (min-width:60em){.about-content{margin:3vw 10vw;border-radius:5px}}.about-section{margin:0;color:#333}.about-section-title{margin:0;padding:.75em;background-color:#e3ac20;color:#fff;font-size:2em;font-family:"Roboto Condensed";text-transform:uppercase;border-bottom:1px solid #cf9c1a}@media (min-width:60em){.about-first{border-top-left-radius:5px;border-top-right-radius:5px}}.about-section-content,.timeline-item{line-height:1.5;font-size:112.5%}@media (min-width:60em){.about-section-content,.timeline-item{max-width:40em;margin:0 auto;font-size:125%}}.about-section-content{padding:2em 0;margin:0 1.5em;line-height:1.5}@media (min-width:60em){.about-section-content{margin:0 auto;padding-left:1em;padding-right:1em}}.last-about{padding-top:0}.timeline-container{margin:0 1.5em}@media (min-width:60em){.timeline-container{margin:0 1em}}.timeline-item{position:relative;border-left:4px solid rgba(0,0,0,.3);padding-top:2em;padding-left:2em}.timeline-item::after{width:10px;height:10px;display:block;top:2.25em;position:absolute;left:-.6em;border-radius:10px;content:'';border:4px solid rgba(0,0,0,.3);background:#f9f9f9}@media (min-width:60em){.timeline-item::after{left:-.56em}}.last-item{padding-bottom:2em}.timeline-date{text-transform:uppercase;font-family:"Roboto Condensed";font-size:.9em}.timeline-title{margin:0;margin-bottom:1em}.timeline-work{color:rgba(0,0,0,.4);font-weight:400;font-size:.85em}.timeline-degree{margin-bottom:1em;display:-ms-flexbox;display:flex}.grad-icon{font-size:1.5em;padding:.5em;padding-left:0}.timeline-subjects{margin-bottom:1em}.subjects-list{margin:0;padding-left:1.75em}.hobby-container{padding:2em}.hobby-card-middle{padding-top:1em;padding-bottom:1em}@media (min-width:45em){.hobby-card-middle{padding-top:0;padding-bottom:0}}.hobby-card{position:relative;background-color:#fff;color:#333;margin:0;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.25)}.hobby-card-image img{display:block;width:100%;padding:2em}.hobby-card-content{padding:2em;padding-top:0;border-radius:0 0 5px 5px}@media (min-width:45em){.hobby-card-content{height:10.5em}}.hobby-card .hobby-card-content{display:block}.hobby-card-mode,.hobby-card-title,.hobby-card-author{text-align:center}.hobby-card-mode{font-family:"Roboto Condensed";text-transform:uppercase}.spidey{width:50%}@media (min-width:45em){.spidey{width:33.3333%}}@media (min-width:60em){.spidey{width:100%}}.error-body{padding:0}.error-container{padding:5vh}@media (min-width:60em){.error-container{height:100vh;padding:7vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}}.error-link{text-decoration:none;text-transform:uppercase;color:#e3ac20;font-size:3vh}.error-link:hover{color:#e9bd4d;font-weight:700;text-decoration:underline}@media (min-width:45em){.error-link{font-size:3vh}}@media (min-width:60em){.error-link{font-size:4vh}}.error-title{font-size:4vh}@media (min-width:45em){.error-title{font-size:5vh}}@media (min-width:60em){.error-title{font-size:7vh}}.error-sub{font-size:3vh;margin-bottom:1em}@media (min-width:45em){.error-sub{font-size:3vh}}@media (min-width:60em){.error-sub{font-size:5vh}}figure{position:relative;margin-left:-1em;margin-right:-1em}@media (min-width:45em){figure{margin-left:-1.5em;margin-right:-1.5em}}figure img{display:block;max-width:100%;height:auto;margin-bottom:1.5em;border-radius:3px;border:1px solid #e5e5e5}@media (max-width:44.95em){figure img{border-right:0;border-left:0;border-radius:0}}figcaption{margin:0 2em;text-align:center;color:#939393;font-size:.75em;line-height:2}