@import url(https://fonts.googleapis.com/css?family=Dancing+Script:400,700);@import url(https://fonts.googleapis.com/css?family=Raleway:200,200i,400,600,600i,700,700i&subset=latin-ext);@import url(https://fonts.googleapis.com/css?family=Montserrat:200,200i);@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i);@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i);@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);*{margin:0;padding:0;border:0}p{font-family:'Open Sans'}a{font-family:'Open Sans';text-decoration:none;color:#16ae44}a:hover{color:#70ed96}h1,h2{font-family:Roboto}body,html{height:100%}body{background:#ebebeb url(/images/noise3.png);background-repeat:repeat;overflow-x:hidden!important}#react-app{display:flex;min-height:100%}@media (min-width:769px){.home-introduction{display:flex;height:600px}.introduction-image{display:inline-flex;height:500px;margin:auto 0 auto auto}.introduction-section{display:inline-flex;width:50%}.section-text{display:block;margin:auto;color:#565656}.section-text h1{font-family:Roboto;font-weight:300;font-size:75px}.section-text p{font-family:'Roboto Condensed';font-weight:300;font-size:30px;margin:35px 50px}.header{background:#1cdb56;border-bottom:1px solid #13973b}.header__content{display:flex;height:60px;margin:0 10px}.header__name{text-decoration:none;font-family:'Roboto Condensed';font-weight:500;font-size:30px;margin:auto 0;color:#464646}.header__name:hover{color:#f8f8f8}.header__name:active{color:#56f856}.header__nav{display:flex;justify-content:space-between;height:100%;margin:0 0 0 auto}.nav__link{text-decoration:none;font-family:'Roboto Mono';font-weight:400;font-style:italic;color:#4b4b4b;padding:0 20px;text-align:center}.nav__link .nav__link-active{border-bottom:5px solid #464646}.nav__link:hover{color:#f8f8f8}.nav__link:active{color:#56f856}.link-active{color:#fff}.nav__item{display:inline-flex;height:100%}.item__label{margin:auto}.header-icon__responsive{display:none}.header-nav-responsive{display:none}.footer{display:block;background:#464646;border-top:4px solid #1cdb56;color:#1cdb56;font-weight:600}.footer__content{height:75px;display:flex;margin:0 10px;justify-content:space-between;font-size:11pt}.footer-copyright{margin:auto 0}.follow-me{padding-right:15px;margin:0 10px 0 0;border-right:1px solid #1cdb56}.footer-links{display:inline-flex;margin:auto 0}.footer-link{text-decoration:none;color:#1cdb56;font-weight:500;margin:0 10px}.footer-link:hover{color:#f8fefa}.banner-background{height:256px;display:flex;justify-content:center;overflow:hidden}.banner-image-wrapper{height:256px;width:100%;position:absolute;display:inline-flex;z-index:-1;background:url(/images/pattern.svg);background-position-x:center;overflow:hidden}.banner-content{width:85%;margin:auto;font-family:Raleway;color:#eee;display:block}.banner-content .banner-quote-text{width:100%;float:left;padding:5px;font-weight:600}.banner-content .banner-quote-author{float:right;margin:0 0 0 auto;font-weight:400}.banner-content .banner-title{font-size:40px;width:100%;text-align:center;font-weight:400}.banner{height:256px}.projects-content{width:100%;margin:0 auto}.projects-content .projects-header{margin:10px 15px}.projects-content .projects-header p{margin:5px 0}.projects-content .projects__view{display:block;margin:25px}.projects-content .project__block{display:inline-block;margin:10px 0;border:2px solid #86a986;width:100%;background:#d2d2d2;border-radius:4px}.projects-content .project__block-inner{margin:10px;font-family:"Open Sans"}.projects-content .project__block-inner .project-title{font-family:"Roboto Condensed";font-size:24pt}.projects-content .project__block-inner p{font-size:11pt;margin:10px 0}.projects-content .project-link-block{display:block;height:32px;width:32px;margin:5px;border-radius:100%}.projects-content .project-link-block .gitlab{display:inline-block;background:url(/images/gitlab.png) no-repeat;background-size:contain;height:100%;width:100%}.projects-content .project-link-block .github{display:inline-block;background:url(/images/github.png) no-repeat;background-size:contain;height:100%;width:100%}.experience-content{display:flex;flex-direction:column;width:100%}.experience-view{display:flex;flex-direction:column;margin:10px 0;width:100%}.experience-item{display:inline-flex;border:2px solid #1cdb56;flex-direction:column;margin:15px;padding:20px 25px;background:#363636d0;border-radius:3px;color:#eee}.experience-company{font-family:Raleway;font-weight:300}.experience-position{font-family:Raleway;font-weight:400;margin:10px 10px;color:#1cdb56}.experience-description{font-family:Roboto;font-weight:400;margin:5px 10px 15px 10px}.experience-duration{font-family:'Open Sans';font-weight:600;margin:0 10px 10px 10px;color:#1cdb56}.content-me{display:block;width:90%;margin:0 auto;padding:15px}.content-me h2{display:inline-block;font-family:Roboto;font-weight:400;font-size:30px;width:100%;margin:10px 0}.content-me p{display:inline-block;font-family:'Open Sans';font-size:14pt;width:100%;margin:5px 0}.content-me .cliche-text{font-size:10px}.notfound-page{display:flex;flex-direction:column;height:50vh}.notfound-content{margin:auto;color:#108132;max-width:85%}.notfound-title{font-size:40pt;font-family:'Roboto Condensed';text-align:left}.notfound-text{margin-top:15px;font-size:15pt;text-align:right}.page{width:100%;display:inline-flex;flex-direction:column}.content{max-width:1100px;margin:0 auto}.page-content{flex-grow:1;width:100%}}@media (max-width:768px){.page{width:100%;display:inline-flex;flex-direction:column;overflow-x:hidden}.page-content{flex-grow:1;width:100%}body{width:100%}.header{position:relative;width:100%;background:#1cdb56;border-bottom:1px solid #13973b}.header__content{display:flex;height:60px;padding:0 10px}.header__name{text-decoration:none;font-family:'Roboto Condensed';font-weight:500;font-size:15pt;margin:auto 0;color:#464646}.header__name:hover{color:#464646}.header__name:active{color:#16ae44}.header__nav{position:absolute;display:block;width:100%;background:#464646;left:100%;right:0;top:61px;transition:1s}.header__nav.mobile-visible{left:0}.header-icon__responsive{margin:auto 0 auto auto;width:40px;height:40px;transition:background 1s,border-radius .5s}.header-icon__responsive.active{color:#1cdb56;background:#fff;border-radius:100%;transition:background 1s,border-radius 2s}.header-icon-icon{display:flex;width:100%;height:100%;margin:auto}.hamburger-menu{display:inline-flex;flex-direction:column;margin:auto}.hamburger-menu-part{display:flex;width:20px;height:2px;margin:2px 0;background-color:#fff;transition:1s}.hamburger-menu-part.active{background-color:#1cdb56}.header-nav-responsive{display:none}.nav__link{display:inline-block;width:100%;padding:15px;color:#1cdb56;border-bottom:1px solid #393939;font-family:'Roboto Mono';font-weight:400;font-style:italic}.link-active{color:#fff}.footer{display:block;background:#464646;border-top:4px solid #1cdb56;color:#1cdb56;font-weight:600;text-align:center;margin-top:20px}.footer .footer__content{width:100%;display:block;padding:15px 0}.footer .follow-me{margin:15px 0}.footer .footer-links{display:inline-block;margin:15px 0;width:100%}.footer .footer-link-text{display:none}.footer .footer-link{display:inline-flex;text-decoration:none;color:#1cdb56;font-weight:500;margin:0 5px;width:35px;height:35px;padding:10px}.footer .footer-link .github{background:url(/images/github-white.png) no-repeat;background-size:contain;width:100%;height:100%}.footer .footer-link .gitlab{background:url(/images/gitlab-white.svg) no-repeat;background-size:contain;width:100%;height:100%}.footer .footer-link .twitter{background:url(/images/twitter-white.png) no-repeat;background-size:contain;width:100%;height:100%}.footer .footer-link .linkedin{background:url(/images/linkedin-white.png) no-repeat;background-size:contain;width:100%;height:100%}.home-introduction{width:100%;display:block}.introduction-image{width:calc(100% - 30px);height:calc(100% - 30px);padding:15px}.introduction-section{display:none}.content-me{display:block;width:90%;margin:0 auto;padding:0 15px}.content-me h2{display:inline-block;font-family:Roboto;font-weight:400;font-size:20pt;width:100%;margin:10px 0}.content-me p{display:inline-block;font-family:'Open Sans';font-size:12pt;width:100%;margin:5px 0}.projects-content{width:100%;margin:0 auto}.projects-content .projects-header{margin:10px 15px}.projects-content .projects-header p{margin:5px 0}.projects-content .projects__view{display:block;margin:0 15px}.projects-content .project__block{display:inline-block;margin:10px 0;border:2px solid #86a986;width:100%;background:#d2d2d2;border-radius:4px}.projects-content .project__block-inner{margin:10px;font-family:"Open Sans"}.projects-content .project__block-inner .project-title{font-family:"Roboto Condensed";font-size:22pt}.projects-content .project__block-inner p{font-size:11pt;margin:10px 0}.projects-content .project-link-block{display:block;height:32px;width:32px;margin:5px;border-radius:100%}.projects-content .project-link-block .gitlab{display:inline-block;background:url(/images/gitlab.png) no-repeat;background-size:contain;height:100%;width:100%}.projects-content .project-link-block .github{display:inline-block;background:url(/images/github.png) no-repeat;background-size:contain;height:100%;width:100%}.experience-content{display:flex;flex-direction:column;width:100%}.experience-view{display:flex;flex-direction:column;margin:10px 0;width:100%}.experience-item{display:inline-flex;border:2px solid #1cdb56;flex-direction:column;margin:15px;padding:20px 25px;background:#363636d0;border-radius:3px;color:#eee}.experience-company{font-family:Raleway;font-weight:300;font-size:18pt}.experience-position{font-family:Raleway;font-weight:400;font-size:14pt;margin:10px 10px;color:#1cdb56}.experience-description{font-family:Roboto;font-weight:300;font-size:11pt;margin:5px 10px 15px 10px}.experience-duration{font-family:'Open Sans';font-weight:600;font-size:11pt;margin:0 10px 10px 10px;color:#1cdb56}}