body{margin:0;padding:0;font-family:sans-serif}html{color:#353635;font-family:Crimson Text,sans-serif;font-size:14px;line-height:1.5}h1{color:#353635;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;font-family:Muli,sans-serif;font-size:2rem;font-weight:600}h2{color:#b6b9b4;text-transform:uppercase;letter-spacing:2px;font-family:Muli,sans-serif;font-size:1.5rem;font-weight:200}h3{color:#353635;letter-spacing:1px;margin-bottom:15px;font-family:Muli,sans-serif;font-size:1.2rem;font-weight:600}h4{color:#b6b9b4;letter-spacing:1px;font-family:Muli,sans-serif;font-size:1.1rem;font-weight:200}p{color:#353635;margin-top:0;font-family:Crimson Text,sans-serif;font-size:1.1rem;line-height:1.5}p.quote{font-style:italic}a{color:#53a6a9}a:hover,a:active,a:visited{color:#3b717f}.content{max-width:1024px;margin:30px auto;padding:0 15px}.content:after{clear:both;content:"";display:block}.content h1{text-align:center}@media (width>=768px){.content{margin:60px auto;padding:0 20px}}button,a.button{text-transform:uppercase;letter-spacing:2px;text-align:center;border-radius:2px;padding:10px 15px;font-family:Muli,sans-serif;font-size:1em;text-decoration:none;display:block}button.primary,a.button.primary{color:#fff;background-color:#83bd6a;border-color:#83bd6a}header .header-index{background-color:#53a6a9;height:150px;padding:15px}header .header-index div.road{display:none}header .header-index div.header-background{background:url(pasfoto.881ef832.png) 50%/contain no-repeat;border:2px solid #fff;border-radius:50%;width:10em;height:10em;margin:0 auto;box-shadow:inset 1px 1px 6px #353635}header .header-index div.header-background a{display:none}@media (width>=768px){header .header-index{background-color:#0000;height:300px;padding:30px 30px 0;position:relative}header .header-index div.road{z-index:-2;background-color:#353635;width:35%;height:1.4em;display:block;position:absolute;top:217px;left:0}header .header-index div.header-background{box-shadow:none;background:url(avatar-scene.444942d0.png) 50%/contain no-repeat;border:none;border-radius:0;width:100%;max-width:735px;height:300px;margin:0 auto}header .header-index div.header-background:after{clear:both;content:"";display:block}header .header-index div.header-background a{text-transform:uppercase;border-radius:2px;padding:10px 15px;font-size:1.2em;display:inline-block;position:relative;top:6em}header .header-index div.header-background a.experience{color:#353635}header .header-index div.header-background a.experience:hover,header .header-index div.header-background a.experience:active,header .header-index div.header-background a.experience.active{background-color:#353635}header .header-index div.header-background a.skills{color:#83bd6a;left:2em}header .header-index div.header-background a.skills:hover,header .header-index div.header-background a.skills:active,header .header-index div.header-background a.skills.active{background-color:#83bd6a}header .header-index div.header-background a.knowledge{color:#53a6a9;left:14em}header .header-index div.header-background a.knowledge:hover,header .header-index div.header-background a.knowledge:active,header .header-index div.header-background a.knowledge.active{background-color:#53a6a9}header .header-index div.header-background a.interests{color:#a27570;left:15em}header .header-index div.header-background a.interests:hover,header .header-index div.header-background a.interests:active,header .header-index div.header-background a.interests.active{background-color:#a27570}header .header-index div.header-background a.headlink{display:none}header .header-index div.header-background a:hover,header .header-index div.header-background a:active,header .header-index div.header-background a.active{cursor:pointer;color:#fff}}header div.header-title{text-align:center;z-index:10;background-color:#353635;padding:15px 0;transition:top .2s ease-in-out}header div.header-title nav{display:none}header div.header-title h1{color:#fff;text-align:center;margin:0 7.5px}header div.header-title h2{margin:0;font-size:1.2em}header div.header-title.nav-up{top:-60px}@media (width>=768px){header.sticky-on{z-index:10;border-radius:0;margin:0;position:fixed;top:0;left:0;right:0}header.sticky-on div.header-index{background-color:#fff;border-bottom:2px solid #353635;height:50px;box-shadow:2px 0 6px #353635}header.sticky-on div.header-index div.road{display:none}header.sticky-on div.header-index div.header-background{background:0 0;height:auto}header.sticky-on div.header-index div.header-background a{top:-.5em}header.sticky-on div.header-index div.header-background a.headlink{background:url(avatar-head.97d64d43.png) 50%/contain no-repeat;width:3em;height:3em;display:inline-block;position:absolute;top:.25em;left:47.3%}header.sticky-on div.header-index div.header-background a.headlink:hover,header.sticky-on div.header-index div.header-background a.headlink:active{cursor:pointer;background-color:#e9eae9}header.sticky-on div.header-title{display:none}}.content.about>p.quote{float:left;text-align:center;width:calc(100% - 40px);margin-left:20px}.content.about div.photo{height:auto;display:none}.content.about div.photo figure{background:url(pasfoto.881ef832.png) 0 0/cover no-repeat;border:2px solid #fff;border-radius:50%;width:9em;height:9em;margin:0 auto 15px}.content.about div.location{float:left;width:calc(100% - 40px);margin-left:20px}.content.about div.location>div{justify-content:center;align-items:center;margin:15px 0;display:flex}.content.about div.location>div span{background:url(location-icon.c1ed72f8.png) 0 0/contain no-repeat;width:20px;height:30px;margin-right:15px}.content.about div.location>div p.quote{color:#a27570;margin-bottom:0}@media (width>=768px){.content.about>p.quote{float:left;text-align:left;width:calc(66.6667% - 33.3333px);margin-left:20px;position:relative;left:calc(8.33333% - 1.66667px)}.content.about div.photo{float:left;width:calc(16.6667% - 23.3333px);margin-left:20px;display:block;position:relative;left:calc(8.33333% - 1.66667px)}.content.about p.quote{font-size:1.2rem}}.deprication-warning{text-align:center;background-color:#a27570;margin-bottom:30px;padding:15px 0}.deprication-warning .content h2{color:#fff;margin-bottom:16px;font-weight:600}.deprication-warning .content p{color:#fff;margin-bottom:24px}.deprication-warning .content a{background-color:#353635;width:fit-content;margin:auto}.deprication-warning .content p a:hover,.deprication-warning .content p a:active{color:#fff;background-color:#353635}.content.experience{margin-bottom:120px}.timeline:before{content:"";z-index:5;background-color:#353635;border-radius:2px;width:15px;height:850px;padding:30px 0;display:none;position:absolute}@media (width>=768px){.timeline:before{margin-left:-5px;display:block;left:50%}}.timeline div.timeline-event h3{margin:15px 0;display:inline-block}.timeline div.timeline-event h4{float:right;margin:15px 0;display:none}.timeline div.timeline-event hr{display:none}.timeline div.timeline-event p{margin-top:0}.timeline div.timeline-event span.history{display:inline-block}.timeline div.timeline-event a{border:1px solid #53a6a9;border-radius:2px;margin:15px 0 0;padding:3px 10px;text-decoration:none;display:inline-block}.timeline div.timeline-event a:hover{color:#fff;background-color:#53a6a9}.timeline div.timeline-event a:active{color:#fff;background-color:#3b717f}@media (width>=768px){.timeline div.timeline-event{float:left;width:calc(50% - 30px);margin-left:20px;border-top:none!important}.timeline div.timeline-event hr{border-style:solid;border-color:#83bd6a;margin:0 0 15px;display:block}.timeline div.timeline-event h4{display:inline-block}.timeline div.timeline-event p{height:60px}.timeline div.timeline-event span.project-block{background-color:#83bd6a;width:1.5em;height:6em;display:block;position:relative;top:10px}.timeline div.timeline-event span.project-block.education,.timeline div.timeline-event:first-child .project-block,.timeline div.timeline-event:nth-child(2) .project-block{background-color:#53a6a9}.timeline div.timeline-event:first-child hr,.timeline div.timeline-event:nth-child(2) hr{border-color:#53a6a9}.timeline div.timeline-event:nth-child(odd){margin-bottom:90px}.timeline div.timeline-event:nth-child(odd) .project-block{float:right;clip-path:polygon(0 15%,100% 0%,100% 100%,0 85%);left:5px}.timeline div.timeline-event:nth-child(odd) .event-content{margin-right:30px}.timeline div.timeline-event:nth-child(2n){margin-top:90px}.timeline div.timeline-event:nth-child(2n) .event-content{margin-left:30px}.timeline div.timeline-event:nth-child(2n) .project-block{float:left;-webkit-clip-path:polygon(0 15%,100% 0%,100% 85%,0 100%);clip-path:polygon(0 0%,100% 15%,100% 85%,0 100%)}}.content.info{margin:120px auto 60px}.content.info hr{border-style:solid;width:40%;max-width:400px;margin:60px auto}.content.info h1{margin:120px auto 30px}.content.info .visual{float:left;width:calc(100% - 40px);margin-left:20px}.content.info .visual>div{justify-content:center;align-items:center;width:100%;height:auto;margin:0 auto 30px;display:flex}.content.info .visual>div img{width:80%;height:auto;display:block}.content.info .description ul{padding-left:0;list-style:none}.content.info .description ul li{margin-bottom:15px}.content.info .description ul li h3{margin-bottom:7.5px}@media (width>=768px){.content.info .visual{float:left;width:calc(33.3333% - 26.6667px);margin-left:20px}.content.info .visual>div{height:400px;margin:0}.content.info .visual>div img{width:100%}.content.info .description{float:left;width:calc(66.6667% - 33.3333px);margin-left:20px}.content.info .description ul{padding-left:30px;list-style:circle}.content.info .description ul li{padding-left:15px}}.content.knowledge div.visual span{background:url(brain-section.e13665d0.png) no-repeat}.content.knowledge hr{border-color:#53a6a9}.content.info.skills hr{border-color:#83bd6a}@media (width>=768px){.content.info.interests div.visual>div{width:80%}}.content.info.interests hr{border-color:#a27570}footer{background-color:#353635;padding:30px 0}footer .content{color:#fff}footer .content h1{color:inherit}footer .content p{color:inherit;text-align:center}footer .content div.my-info,footer .content div.my-info p{color:inherit}footer .content div.my-info ul.job-message{color:#53a6a9;border:1px solid #53a6a9}footer .content div.my-info ul.links{flex-direction:row;justify-content:center;margin-top:15px;margin-bottom:15px;padding:0;list-style:none;display:flex}footer .content div.my-info ul.links>li{flex:0 auto}footer .content div.my-info ul.links>li.link-left{margin-right:15px}footer .content div.my-info ul.links>li>a{color:inherit;text-align:center;border:2px solid #fff;border-radius:2px;width:30px;height:30px;line-height:2rem;text-decoration:none;display:block}footer .content div.my-info ul.links>li>a.linked-in span{background:url(linkedin-white.0955c395.png) 50%/contain no-repeat;width:50%;height:50%;margin:7px;display:block}footer .content div.my-info ul.links>li>a:hover,footer .content div.my-info ul.links>li>a:active{color:#353635;background:#fff;text-decoration:none}footer .content div.my-info ul.links>li>a:hover span,footer .content div.my-info ul.links>li>a:active span{background:url(linkedin-dark.9be3be10.png) 0 0/contain no-repeat}footer .content div.contact{color:inherit}footer .content div.contact form input,footer .content div.contact form textarea{box-sizing:border-box;background:#fff;border:none;border-radius:2px;width:100%;min-height:30px;margin-bottom:15px;padding:15px;display:block}footer .content div.contact form input::placeholder,footer .content div.contact form textarea::placeholder{color:#b6b9b4}footer .content div.contact form textarea{max-width:100%;min-height:60px;margin-bottom:30px;overflow:hidden}footer .content div.contact form .button.primary{display:block}@media (width>=480px){footer .content div.contact,footer .content div.my-info{float:left;width:calc(83.3333% - 36.6667px);margin-left:20px;position:relative;left:calc(8.33333% - 1.66667px)}footer .content div.contact figure,footer .content div.my-info figure{width:15em;height:15em}}@media (width>=768px){footer .content div.contact,footer .content div.my-info{float:left;width:calc(66.6667% - 33.3333px);margin-left:20px;position:relative;left:calc(16.6667% - 3.33333px)}footer .content div.contact form .button.primary,footer .content div.my-info form .button.primary{width:100px;margin:0 auto}}@media (width>=1024px){footer .content div.my-info{float:left;width:calc(33.3333% - 26.6667px);margin-left:20px;position:relative;left:0}footer .content div.my-info ul>li.link-left{margin-right:30px}footer .content div.my-info ul>li>a{width:40px;height:40px;line-height:3em}footer .content div.my-info ul>li>a.linked-in span{margin:10px}footer .content div.contact{float:left;width:calc(66.6667% - 33.3333px);margin-left:20px;position:relative;left:0}}.project-page{height:inherit}.project-page .project-timeline{z-index:-5;width:100%;height:100vh;display:none;position:fixed;top:0}.project-page .project-timeline>div{max-width:1024px;height:100%;margin:0 auto}.project-page .project-timeline>div:after{clear:both;content:"";display:block}.project-page .project-timeline span.line{background-color:#353635;width:15px;height:100%;display:block;position:relative;left:-45px}@media (width>=1024px){.project-page .project-timeline{display:block}}.project-page div.up{z-index:10;width:100%;position:fixed}.project-page div.up>nav{max-width:1024px;height:auto;margin:0 auto;display:block;position:relative;bottom:15px}.project-page div.up>nav:after{clear:both;content:"";display:block}.project-page div.up>nav>a{background:#fff;border-radius:2px;width:70px;height:70px;padding:7.5px;display:block}.project-page div.up>nav>a:hover,.project-page div.up>nav>a:active{cursor:pointer;background:#dddedc}.project-page div.up>nav>a span{background:url(avatar-up-.ee6940ad.png) 0/contain no-repeat;width:100%;height:100%;display:block}@media (width>=768px){.project-page div.up>nav>a{background:0 0}.project-page div.up>nav>a:hover,.project-page div.up>nav>a:active{background:#ffffff80}}.project-page div.portfolio-heading{width:100%;max-width:1024px;height:auto;margin:15px auto 0;position:relative;left:-15px}.project-page div.portfolio-heading h1,.project-page div.portfolio-heading h4{text-align:right;text-transform:uppercase;margin-top:0;margin-bottom:3.75px}.project-page div.portfolio-heading h4{padding-bottom:7.5px;font-size:1em;line-height:1}.project-page div.portfolio-heading h1{font-size:2.1em}@media (width>=1024px){.project-page div.portfolio-heading{left:30px}}.project-page div.project-content{color:#fff;clip-path:polygon(0 0,100% 2%,100% 98%,0 100%);background-color:#83bd6a;border-radius:2px;max-width:1024px;margin:0 auto 30px;padding:60px 15px}.project-page div.project-content:after{clear:both;content:"";display:block}.project-page div.project-content.education{background-color:#53a6a9}.project-page div.project-content div.auto-height{height:auto;overflow:hidden}.project-page div.project-content iframe{margin:0 auto;display:block}.project-page div.project-content h1{text-align:center;color:inherit;margin-bottom:15px}.project-page div.project-content h2{text-align:center;color:inherit;margin-top:15px}.project-page div.project-content h3{color:inherit;text-align:center}.project-page div.project-content p{color:inherit;padding-bottom:30px}.project-page div.project-content hr{border-style:solid;border-color:#fff;margin:30px 0}.project-page div.project-content img{width:100%;height:auto;padding-bottom:15px}.project-page div.project-content img.half{width:50%;margin:0 auto}.project-page div.project-content .layout-three,.project-page div.project-content .layout-two{float:left;width:calc(100% - 40px);margin-left:20px}@media (width>=768px){.project-page div.project-content{clip-path:polygon(0 0,100% 3%,100% 97%,0 100%);margin:0 auto 60px;padding:120px 30px}.project-page div.project-content .layout-two{float:left;width:calc(50% - 30px);margin-left:20px}.project-page div.project-content .layout-two.center{position:relative;left:calc(25% - 5px)}.project-page div.project-content .layout-three{float:left;width:calc(33.3333% - 26.6667px);margin-left:20px}.project-page div.project-content div.layout-article{float:left;width:calc(83.3333% - 36.6667px);margin-left:20px;position:relative;left:calc(8.33333% - 1.66667px)}}@media (width>=1024px){.project-page div.project-content div.layout-article{float:left;width:calc(66.6667% - 33.3333px);margin-left:20px;position:relative;left:calc(16.6667% - 3.33333px)}}.project-page div.page-navigation{max-width:1024px;margin:0 auto 60px;padding:0 15px}.project-page div.page-navigation:after{clear:both;content:"";display:block}.project-page div.page-navigation nav{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.project-page div.page-navigation nav div.project-dots{flex-direction:row;order:1;justify-content:center;align-items:center;width:100%;margin-bottom:30px;display:flex}.project-page div.page-navigation nav div.project-dots a{background-color:#b6b9b4;border-radius:50%;width:10px;height:10px;margin-left:10px;display:block}.project-page div.page-navigation nav div.project-dots a:hover{background-color:#83bd6a}.project-page div.page-navigation nav div.project-dots a.active{background-color:#353635}.project-page div.page-navigation nav a.button{text-transform:uppercase;letter-spacing:1px;color:#353635;text-align:center;border:2px solid #353635;border-radius:2px;width:35%;padding:10px 15px;text-decoration:none}.project-page div.page-navigation nav a.button:hover,.project-page div.page-navigation nav a.button:active{color:#fff;cursor:pointer;background-color:#353635}.project-page div.page-navigation nav a.button.previous{order:2}.project-page div.page-navigation nav a.button.next{order:3;margin-right:0}.project-page div.page-navigation nav a.button.hidden{visibility:hidden}@media (width>=480px){.project-page div.page-navigation nav{width:100%;max-width:400px}.project-page div.page-navigation nav div.project-dots{order:2;justify-content:space-between;width:50%;margin-bottom:5px}.project-page div.page-navigation nav div.project-dots span{margin-left:0}.project-page div.page-navigation nav a.button{border:0;width:auto;text-decoration:underline}.project-page div.page-navigation nav a.button.previous{order:1}}
/*# sourceMappingURL=portfolio-app.4affea41.css.map */