header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:left;border-bottom:1px solid rgba(0,0,0,0.15);height:50px;padding:0 0 0 30px;color:#fff;font-weight:700;cursor:default}@media only screen and (max-width: 999px){header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}header h1{font-size:1.6em;margin:0;color:#fff;font-weight:700;line-height:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header ul{list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0 50px}header ul li{position:relative}header nav{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}@media screen and (min-width: 999px){header nav .nav-container{display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important}}header nav .nav-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}header nav .nav-list a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:50px;line-height:50px;padding:0 20px;text-decoration:none;-webkit-transition:300ms all ease;-o-transition:300ms all ease;-moz-transition:300ms all ease;transition:300ms all ease;color:#fff;cursor:pointer}header nav .nav-list a .nav-text{width:0;overflow:hidden;-webkit-transition:width 0.25s ease-in;-o-transition:width 0.25s ease-in;-moz-transition:width 0.25s ease-in;transition:width 0.25s ease-in}@media only screen and (min-width: 1000px){header nav .nav-list a:hover .nav-text{width:60px}}header nav .nav-list a svg.nav-icon{width:32px;height:32px;margin-right:10px}@media only screen and (max-width: 999px){header nav .nav-mobile{position:absolute;right:0px;top:0px;height:50px;width:50px}header nav .nav-mobile #nav-toggle{position:absolute;left:10px;top:12px;cursor:pointer;padding:10px 30px 16px 0px}header nav .nav-mobile #nav-toggle span,header nav .nav-mobile #nav-toggle span:before,header nav .nav-mobile #nav-toggle span:after{cursor:pointer;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;height:5px;width:30px;background:#fff;position:absolute;display:block;content:'';-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}header nav .nav-mobile #nav-toggle span:before{top:-10px}header nav .nav-mobile #nav-toggle span:after{bottom:-10px}header nav .nav-mobile #nav-toggle.active span{background-color:transparent}header nav .nav-mobile #nav-toggle.active span:before,header nav .nav-mobile #nav-toggle.active span:after{top:0}header nav .nav-mobile #nav-toggle.active span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}header nav .nav-mobile #nav-toggle.active span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}header nav .nav-container{display:none;background-color:#00051E;position:fixed;right:0;top:0;width:70%;height:-webkit-calc(100% - 50px);height:-moz-calc(100% - 50px);height:calc(100% - 50px);margin:50px 0 0 0;text-align:center;padding:10px}}@media only screen and (max-width: 999px) and (min-width: 600px) and (max-width: 999px){header nav .nav-container{width:50%}}@media only screen and (max-width: 999px){header nav .nav-list{height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header nav .nav-list a{padding:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}header nav .nav-list a .nav-text{width:auto}header nav .nav-list ul{list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 auto}}.interests{margin-top:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 1000px){.interests .sub-title{-webkit-flex-basis:1;-ms-flex-preferred-size:1;flex-basis:1}}.interests .interest{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.interests .interest span{margin-left:10px;line-height:40px;font-size:1em}.interests .interest-icons{width:40px;height:40px}.icon-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.icon-list .icon-area{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.icon-list span{margin:0 3px}.icon-list .icon-square{height:40px;width:40px}.icon-list svg.skill-icon{width:40px;height:40px}.icon-list img.skill-icon{max-width:100%;max-height:100%}.icon-list #html-icon{color:#E84B32}.icon-list #css-icon{color:#309BD7}.icon-list #js-icon{color:#F9DD45}.icon-list #angular-icon{color:#E6313D}.icon-list #react-icon{color:#57DBF8}.icon-list #gulp-icon{color:#D6494B}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{margin:0;padding:0;outline:none;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.no-fouc{display:none}body{background:#00051E;-webkit-font-smoothing:antialiased;font-family:"Muli", "Lato", "Roboto", Helvetica, Arial, sans-serif;font-weight:300;font-weight:400;height:auto !important;height:100%;min-height:100%;text-rendering:optimizeLegibility;background:url("../images/black-blue-abstract.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right top}body .content{text-align:center;color:#00051E;display:block;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:-webkit-calc(100vh - 50px);height:-moz-calc(100vh - 50px);height:calc(100vh - 50px);overflow:scroll}body .content h1{font-size:1.5em}body .content #home{color:white;font-size:1.2em;height:-webkit-calc(100vh - 50px);height:-moz-calc(100vh - 50px);height:calc(100vh - 50px);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body .content .article{width:100%;color:white;margin:auto;height:auto;text-align:left;padding:20px 40px;background-color:#00051E;background:rgba(0,5,30,0.8);-webkit-box-shadow:0 -10px 5px rgba(0,5,30,0.8);-moz-box-shadow:0 -10px 5px rgba(0,5,30,0.8);box-shadow:0 -10px 5px rgba(0,5,30,0.8)}body .content .article .section{margin-top:20px;padding-bottom:20px}body .content .article .sub-title{font-size:1.2em;font-weight:500;width:100%;margin:20px 0;border-bottom:2px white solid}body .content .article h1{padding-left:5px;border-bottom:white 3px solid;padding-top:20px}body .content .article p{margin:10px 0}body .content .article li{margin:10px 0 10px 10px}body .content .article:not(:last-child){margin-bottom:20px}@media only screen and (min-width: 1000px){body .content .article{max-width:1024px;padding:40px 60px 0 60px}}@media only screen and (max-width: 999px){body .content .article{font-size:0.8em}body .content .article h1{font-size:1.3em}}body .typing-effect{overflow:hidden;margin:0 auto;white-space:nowrap;letter-spacing:.15em;-webkit-animation:typing 3.5s steps(60, end);-moz-animation:typing 3.5s steps(60, end);-o-animation:typing 3.5s steps(60, end);animation:typing 3.5s steps(60, end)}@media only screen and (max-width: 999px){body .typing-effect{-webkit-animation:typing 2.5s steps(40, end);-moz-animation:typing 2.5s steps(40, end);-o-animation:typing 2.5s steps(40, end);animation:typing 2.5s steps(40, end)}}body .typing-effect:nth-child(2){-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;width:0}@media only screen and (max-width: 999px){body .typing-effect:nth-child(2){-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}}body .typing-effect:last-child:after{content:'_';margin-left:.15em;font-size:1.5em;color:white;-webkit-animation:blink .75s step-end infinite;-moz-animation:blink .75s step-end infinite;-o-animation:blink .75s step-end infinite;animation:blink .75s step-end infinite}@-webkit-keyframes typing{from{width:0}to{width:100%}}@-moz-keyframes typing{from{width:0}to{width:100%}}@-o-keyframes typing{from{width:0}to{width:100%}}@keyframes typing{from{width:0}to{width:100%}}@-webkit-keyframes blink{from,to{color:transparent}50%{color:white}}@-moz-keyframes blink{from,to{color:transparent}50%{color:white}}@-o-keyframes blink{from,to{color:transparent}50%{color:white}}@keyframes blink{from,to{color:transparent}50%{color:white}}