[class*=" fo-"]:before,[class^=fo-]:before,[data-icon]:before{font-family:raenn-social!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:100;src:local("Josefin Sans Thin"),local("JosefinSans-Thin"),url(https://fonts.gstatic.com/s/josefinsans/v9/q9w3H4aeBxj0hZ8Osfi3d1dBB84BqlWy1BjOnCrU9PY.woff2) format("woff2")}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:300;src:local("Josefin Sans Light"),local("JosefinSans-Light"),url(https://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04z04GofcKVZz6wtzX_QUIqsI.woff2) format("woff2")}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400;src:local("Josefin Sans"),local("JosefinSans"),url(https://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5ugdm0LZdjqr5-oayXSOefg.woff2) format("woff2")}@font-face{font-family:raenn-social;src:url(../fonts/raenn-social.eot);src:url(../fonts/raenn-social.eot?#iefix) format("embedded-opentype"),url(../fonts/raenn-social.woff) format("woff"),url(../fonts/raenn-social.ttf) format("truetype"),url(../fonts/raenn-social.svg#raenn-social) format("svg");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon)}[class*=" fo-"]:before,[class^=fo-]:before{color:#fff}.fo-github:before{content:"b"}.fo-linkedin:before{content:"c"}.fo-twitter:before{content:"a"}.fo-email:before{content:"d"}.fo-instagram:before{content:"g"}.fo-down:before{content:"e"}.fo-close:before{content:"f"}-webkit-keyframes fadeInDown 0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}-webkit-keyframes fadeInDown 100%{opacity:1;-webkit-transform:none;transform:none}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}body{font-family:'Josefin Sans',sans-serif;margin:0;color:#fff}*{box-sizing:border-box}a{color:#9CF;text-decoration:none;border-bottom:1px dashed rgba(153,204,255,.4);transition:color .2s ease-out,border-color .2s ease-out}a:focus,a:hover{color:#B8DBFF;border-bottom-color:#B8DBFF}a:visited{color:#99A6FF;border-bottom-color:#99A6FF}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body,html{height:100%}.copy-vertical-wrapper{position:relative;height:100%}.copy{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-top:20px;padding-bottom:20px;text-align:center}main .content{z-index:2;width:100%;background-color:#111a22;background:-webkit-repeating-linear-gradient(180deg,#111a22,#1e343e 30%,#152d3e 80%,#875e7b 100%);background:repeating-linear-gradient(180deg,#111a22,#1e343e 30%,#152d3e 80%,#875e7b 100%)}main .content #star-canvas{position:fixed;top:0;left:0;z-index:1;overflow:hidden;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:2.5s;animation-delay:2.5s}main .content .panel{height:100vh;width:100%;z-index:3;position:relative}main .content .panel.welcome #down-chevron,main .content .panel.welcome .ahoy,main .content .panel.welcome .ahoy-subheading{text-align:center;text-shadow:3px 3px 4px #666;z-index:4}main .content .panel.welcome .ahoy{font-weight:100;font-size:8em;padding-top:1em;margin-top:0;margin-bottom:.2em;-webkit-animation-delay:.5s;animation-delay:.5s}@media (max-width:767px){main .content .panel.welcome .ahoy{font-size:6em;padding-top:10%}}main .content .panel.welcome .ahoy-subheading{font-weight:300;font-size:1.8em;padding-left:20px;padding-right:20px;-webkit-animation-delay:1.5s;animation-delay:1.5s}@media (max-width:767px){main .content .panel.welcome .ahoy-subheading{font-size:1.6em}}main .content .panel.welcome .ahoy-subheading .cheesy-joke{border-bottom:1px dashed rgba(255,255,255,.2);cursor:help}main .content .panel.welcome #hero-chevron{position:absolute;bottom:0;left:50%;margin-bottom:2%;font-size:5em;margin-left:-.5em;cursor:pointer;opacity:.7;transition:opacity .3s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:4.5s;animation-delay:4.5s}main .content .panel.welcome #hero-chevron:hover{opacity:1}main .content .panel.welcome #hero-chevron.invisible,main .content .panel.welcome .chevron-caption.invisible{opacity:0!important}main .content .panel.welcome .chevron-caption{position:absolute;bottom:0;margin-bottom:5%;padding-bottom:5em;width:100%;text-align:center;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:10.5s;animation-delay:10.5s;transition:opacity .3s}main .content .panel.about{overflow:hidden}@media (max-width:767px){main .content .panel.welcome #hero-chevron{font-size:4em}main .content .panel.welcome .chevron-caption{padding-bottom:4em}main .content .panel.about{height:150vh;padding:10px}}main .content .panel.about .copy,main .content .panel.about .copy-vertical-wrapper{display:inline-block;z-index:3}main .content .panel.about .copy h1,main .content .panel.about .copy-vertical-wrapper h1{font-weight:100;font-size:50px}main .content .panel.about .copy{padding-left:5%}main .content .panel.about .copy-vertical-wrapper,main .content .panel.about .moon-wrapper{width:49.5%;height:100%;display:inline-block;position:relative}main .content .panel.about .moon{z-index:1;position:absolute;margin-left:auto;margin-right:auto;float:right;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main .content .panel.contact{overflow-y:hidden}main .content .panel.contact .copy{z-index:4}main .content .panel.contact .copy p{max-width:400px;margin-left:auto;margin-right:auto;margin-bottom:5%}@media (max-width:767px){main .content .panel.about .copy{padding-left:0}main .content .panel.about .copy-vertical-wrapper,main .content .panel.about .moon-wrapper{width:100%;height:50%}main .content .panel.contact .copy p{padding-left:10px;padding-right:10px}}main .content .panel.contact h1{font-weight:100;font-size:50px;margin-bottom:3%;padding-bottom:10px}main .content .panel.contact a.social{display:inline-block;background-color:transparent;border:none;padding:1px 8px 5px;margin:10px;cursor:pointer;border-radius:8px;color:rbga(white,.8);transition:background-color .4s ease-out}main .content .panel.contact a.social.twitter{background-color:rgba(0,172,237,.15)}main .content .panel.contact a.social.twitter:hover{background-color:rgba(0,172,237,.9)}main .content .panel.contact a.social.github{background-color:rgba(59,59,59,.25)}main .content .panel.contact a.social.github:hover{background-color:#464646}main .content .panel.contact a.social.linkedin{background-color:rgba(0,122,181,.2)}main .content .panel.contact a.social.linkedin:hover{background-color:rgba(0,122,181,.9)}main .content .panel.contact a.social.email{background-color:rgba(255,50,50,.2)}main .content .panel.contact a.social.email:hover{background-color:rgba(255,50,50,.9)}main .content .panel.contact a.social.instagram{background-color:rgba(217,49,117,.2)}main .content .panel.contact a.social.instagram:hover{background-color:rgba(217,49,117,.9)}main .content .panel.contact a.social span{font-size:40px;border-bottom-width:0}@media (max-width:767px){main .content .panel.contact a.social span{font-size:30px}}main .content .panel.contact a.social span:before{vertical-align:middle;color:rgba(255,255,255,.9)}main .content .panel.contact a.social:hover span:before{color:#fff}main .content .panel.contact button.cv{background-color:#349ba0;border:0;border-radius:8px;padding:10px 20px;margin-bottom:3%;font-size:25px;font-weight:300;font-family:"Josefin Sans",sans-serif;color:#fff;cursor:pointer;transition:background-color .3s ease-out,box-shadow .3s ease-out}main .content .panel.contact button.cv:hover{padding:9px 21px 11px 19px;background-color:#5DAFB3;box-shadow:2px 3px rgba(80,80,80,.5)}main .content #cv-container{position:fixed;top:100%;height:100%;width:100%;padding:5% 10%;z-index:5;opacity:0;overflow:hidden;transition:top .6s ease-out,opacity .6s ease-out}@media (max-width:767px){main .content .panel.contact button.cv{font-size:20px}main .content #cv-container{padding:2.5% 5%}}main .content #cv-container.show{top:0;opacity:1}main .content #cv-container .cv-box{height:100%;max-height:100%;position:relative;text-align:center;background-color:#E0ECFE;border-radius:10px;padding:20px 5%;color:#111a22}@media (max-width:767px){main .content #cv-container .cv-box{padding:5px 5%}}main .content #cv-container .cv-box .close{position:absolute;top:20px;right:20px;cursor:pointer;font-size:20px}main .content #cv-container .cv-box .close:before{color:rgba(30,52,62,.9)}main .content #cv-container .cv-box h1{margin-top:0;margin-bottom:0;padding-top:3%;padding-bottom:5px;font-size:40px;font-weight:100}main .content #cv-container .cv-box hr{width:150px;margin-bottom:2%;color:#b8dbff;border-width:1px}main .content #cv-container .cv-box h3{margin-top:0;font-weight:500}main .content #cv-container .cv-box ol.sections{padding:0}main .content #cv-container .cv-box ol.sections li{display:inline-block;list-style:none;min-width:120px}@media (max-width:767px){main .content #cv-container .cv-box h1{font-size:25px}main .content #cv-container .cv-box hr{margin-top:0}main .content #cv-container .cv-box h3{font-size:17px}main .content #cv-container .cv-box ol.sections li{display:block}}main .content #cv-container .cv-box ol.sections li a{font-size:20px;cursor:pointer;color:#6fa2b9;border-bottom:0;transition:all .5s ease-in-out}main .content #cv-container .cv-box ol.sections li.active a{color:#111a22;border-bottom:1px solid #508aa5}main .content #cv-container .cv-box .cv-copy{height:calc(100% - 240px);position:relative}@media (max-width:767px){main .content #cv-container .cv-box ol.sections li a{font-size:18px}main .content #cv-container .cv-box .cv-copy{height:calc(100% - 186px)}main .content #cv-container .cv-box .cv-copy .copy-section ol.description li{font-size:15px}}main .content #cv-container .cv-box .cv-copy .copy-section{height:0;max-height:100%;opacity:0;top:100%;overflow-y:auto;transition:opacity .4s ease-in-out,height .4s ease-in-out}main .content #cv-container .cv-box .cv-copy .copy-section.active{height:auto;opacity:1;top:0}main .content #cv-container .cv-box .cv-copy .copy-section .tagline{margin-bottom:0;margin-top:5px}main .content #cv-container .cv-box .cv-copy .copy-section ol.description{padding:0 10px}main .content #cv-container .cv-box .cv-copy .copy-section ol.description:not(.key-skills){text-align:left}main .content #cv-container .cv-box .cv-copy .copy-section ol.description li{list-style:none;padding-bottom:1em}main .content #cv-container .cv-box .cv-copy .copy-section p.key-skills{font-size:19px}@media (max-width:767px){main .content #cv-container .cv-box .cv-copy .copy-section p.key-skills{font-size:17px}}main .content #cv-container .cv-box section.company-logo-box{position:relative;width:40%;min-width:200px;height:35px;border-radius:15px;overflow-y:hidden;margin:20px auto 15px}main .content #cv-container .cv-box section.company-logo-box.edume{background:linear-gradient(to bottom,#307fa7,#266b8e) #307fa7}main .content #cv-container .cv-box section.company-logo-box.katchup{background-color:#432449}main .content #cv-container .cv-box section.company-logo-box.bt{background-color:#214498}main .content #cv-container .cv-box section.company-logo-box.bae{background-color:#e51937}main .content #cv-container .cv-box section.company-logo-box.bae img{height:25px;margin-top:5px}main .content #cv-container .cv-box section.company-logo-box.uni{background-color:#095e2d}main .content #cv-container .cv-box section.company-logo-box img{height:100%;padding:6px}