@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:300;src:url("../../static/fonts/source-sans-pro-v11-latin-300.eot");src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url("../../static/fonts/source-sans-pro-v11-latin-300.eot?#iefix") format("embedded-opentype"),url("../../static/fonts/source-sans-pro-v11-latin-300.woff2") format("woff2"),url("../../static/fonts/source-sans-pro-v11-latin-300.woff") format("woff"),url("../../static/fonts/source-sans-pro-v11-latin-300.ttf") format("truetype"),url("../../static/fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro") format("svg")}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;src:url("../../static/fonts/source-sans-pro-v11-latin-regular.eot");src:local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url("../../static/fonts/source-sans-pro-v11-latin-regular.eot?#iefix") format("embedded-opentype"),url("../../static/fonts/source-sans-pro-v11-latin-regular.woff2") format("woff2"),url("../../static/fonts/source-sans-pro-v11-latin-regular.woff") format("woff"),url("../../static/fonts/source-sans-pro-v11-latin-regular.ttf") format("truetype"),url("../../static/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro") format("svg")}@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:700;src:url("../../static/fonts/source-sans-pro-v11-latin-700.eot");src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url("../../static/fonts/source-sans-pro-v11-latin-700.eot?#iefix") format("embedded-opentype"),url("../../static/fonts/source-sans-pro-v11-latin-700.woff2") format("woff2"),url("../../static/fonts/source-sans-pro-v11-latin-700.woff") format("woff"),url("../../static/fonts/source-sans-pro-v11-latin-700.ttf") format("truetype"),url("../../static/fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro") format("svg")}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}*{box-sizing:border-box}html,body,h1,h2,h3{margin:0;padding:0;font-family:"Source Sans Pro",sans-serif;font-size:100%;font-weight:400}p{line-height:160%}a{color:#564d4a}button{background:#dddbda;color:#564d4a;border-radius:.2rem;border:0;padding:.2rem .4rem;cursor:pointer}body{margin:18px 13px;background:#dddbda}.page-wrapper{margin:0 auto;min-width:15rem;max-width:70rem}.heading-separator{opacity:.4;margin:0 .2rem}.section-heading{margin:0 auto 2.5rem auto;text-align:center;display:table;position:relative}.section-heading h2{font-weight:300;font-size:1.6rem;color:#564d4a}.tags{margin:.3rem 0 0 0;list-style:none;padding:0;line-height:1.9rem}.tags li{display:inline;background:#e7e4e3;border-radius:.2rem;padding:.2rem .5rem;white-space:nowrap}@media(min-width: 44em){.section-heading::before{content:"";position:absolute;height:2px;width:6.3rem;top:50%;left:-7.5rem;background:linear-gradient(to right, rgba(86, 77, 74, 0) 0%, rgba(86, 77, 74, 0.2) 100%)}.section-heading::after{content:"";position:absolute;height:2px;width:6.3rem;top:50%;right:-7.5rem;background:linear-gradient(to right, rgba(86, 77, 74, 0.2) 0%, rgba(86, 77, 74, 0) 100%)}}header{position:relative;padding:2.5rem 1.5rem 0 1.5rem;text-align:center;background-color:#564d4a;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}header h1{font-size:2rem;font-weight:300}header h1 .lastname{color:#ff923f}header .subtitle{margin-bottom:1.5rem;font-weight:300}header .photo-wrapper{height:100px}header .photo-wrapper .photo{width:150px;height:150px;border-radius:50%;border:4px #e7e4e3 solid;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);position:relative;z-index:2}header .profile-links{font-size:1.7rem;display:flex;flex-direction:column;position:absolute;right:.7rem;bottom:.3rem}header .profile-links a{color:#fff}@media(min-width: 44em){header .profile-links{flex-direction:row;font-size:2rem;right:1rem}header .profile-links a{margin-left:.7rem}}.intro{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);margin:0 auto 2.5rem auto;background:#fff;padding:4.15rem 2rem 2rem 2rem;display:grid;grid-template-columns:1fr;grid-gap:2rem;align-items:center;position:relative;z-index:1;border-top:6px solid #f69951}.intro .separator{height:2px;background-color:#e7e4e3}.intro .facts .fact-table{display:grid;grid-template-columns:30% 1fr;grid-row-gap:.6rem;grid-column-gap:1rem;margin:1rem 0}.intro .facts .fact-table .fact-heading{font-weight:300;text-align:right}.intro .facts .fact-table .email{animation:fade-in .5s}@media(min-width: 44em){.intro{grid-template-columns:1fr 2px 1fr}.intro .separator{height:100%}}.skill-wrapper{margin:0 auto 40px auto;display:grid;grid-template-columns:1fr;grid-row-gap:3.5rem;grid-column-gap:4rem}.skill-section{transition:height .3s ease-in-out;padding:2rem 1.5rem;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);position:relative}.skill-section .skill-section-header{border-radius:.5rem 0;position:absolute;top:-1.4rem;left:-0.6rem;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:.5rem 1rem;background-color:#564d4a;display:inline-block;color:#fff}.skill-section .skill-section-header h3{font-weight:300}.skill-section .more-content{display:none}@media(min-width: 44em){.skill-wrapper{grid-template-columns:repeat(2, 1fr);margin:0 32px 2.5rem 32px}.wide{grid-column:span 2}}.skill-list{padding:0;margin:0;list-style:none}.skill-list li{cursor:pointer;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #dddbda;display:flex}.skill-list li p{margin:0}.skill-list li .entry-caret{margin-right:.5rem;color:#dddbda;transition-duration:.2s}.skill-list li .entry-body .item-title{font-weight:700;color:#564d4a;transition-duration:.2s}.skill-list li .entry-body .more-ellipsis{margin-left:.5rem;color:#807a77}.skill-list li .entry-body .more .more-text{display:none}.skill-list li:hover .entry-caret{color:#564d4a}.skill-list li.active .item-title{color:#000}.skill-list li.active .entry-caret{color:#ff923f}.skill-list li.active .more .more-ellipsis{display:none}.skill-list li.active .more .more-text{animation:fade-in .5s;display:initial}.skill-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.project-tiles{display:flex;justify-content:center;flex-wrap:wrap;row-gap:2em;column-gap:1em}.project-tiles .project-tile{flex:0 1 20em}.project-tiles .project-tile .project-icon{text-align:center}.project-tiles .project-tile .project-icon img{width:100px;height:100px;border-radius:50%;border:2px #e7e4e3 solid;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.project-tiles .project-tile .project-name{font-weight:bold;text-align:center;margin:1em 0}@media(min-width: 30em){.project-tiles{flex-wrap:nowrap}}.tiles{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:1.5rem;grid-column-gap:1rem;grid-auto-rows:1fr}.tiles .tile{cursor:pointer;text-align:center}.tiles .tile:hover .tile-icon{color:#564d4a}.tiles .tile.active .tile-icon{color:#ff923f}.tiles .tile .tile-icon{color:#807a77;transition-duration:.2s;font-size:1.7rem}.tiles .tile .tile-name{margin-top:.5rem;font-size:.9rem}.tiles .tile .tile-content{display:none}.tile-details{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid #e7e4e3}.tile-details p{margin:0}.tile-details.active{display:block;animation:fade-in .5s}@media(min-width: 25em)and (max-width: 44em),(min-width: 52em){.tiles{grid-template-columns:1fr 1fr 1fr}}.timeline{position:relative;margin:0 0 2rem 0;padding:3rem 0 1rem 10px}.timeline::after{content:"";position:absolute;width:6px;background-color:#564d4a;top:0;bottom:0;left:10px;margin-left:-3px;border-radius:3px}.timeline .timeline-year{display:block;height:0;position:relative;top:-3.5rem;left:-1.1rem;z-index:2}.timeline .timeline-year span{background:#564d4a;color:#fff;font-size:.9rem;font-weight:300;border-radius:5px;padding:.05rem .3rem}.timeline .timeline-entry{position:relative;margin:0 0 1.5rem 0;left:0;padding-left:40px}.timeline .timeline-entry::before{content:"";height:0;position:absolute;top:0;width:0;z-index:1;left:17px;border:medium solid #564d4a;border-width:0 23px 10px 0;border-color:rgba(0,0,0,0) #564d4a rgba(0,0,0,0) rgba(0,0,0,0)}.timeline .timeline-entry::after{content:"";position:absolute;width:16px;height:16px;left:-11px;background-color:#564d4a;border:3px solid #dddbda;top:-10px;border-radius:50%;z-index:1}.timeline .timeline-entry .timeline-box{background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .timeline-entry .timeline-box .timeline-header{background:#564d4a;padding:1rem 1rem;color:#fff;display:flex}.timeline .timeline-entry .timeline-box .timeline-header .icon{padding-right:.7rem}.timeline .timeline-entry .timeline-box .timeline-header h3{font-weight:300}.timeline .timeline-entry .timeline-box .timeline-body{padding:0 1rem}.timeline .timeline-entry .timeline-box .timeline-body.no-more{padding-bottom:1rem}.timeline .timeline-entry .timeline-box .timeline-body .info{opacity:.5;margin-top:1rem}.timeline .timeline-entry .timeline-box .timeline-body .more .more-ellipsis{margin-left:.5rem;color:#807a77}.timeline .timeline-entry .timeline-box .timeline-body .more .more-text{display:none}.timeline .timeline-entry .timeline-box .expander{cursor:pointer;margin:0 auto;text-align:center;display:table;background-color:#e7e4e3;color:#564d4a;padding:0 1.5rem;border-radius:1.6rem 1.6rem 0 0}.timeline .timeline-entry .timeline-box.expanded .timeline-body .more .more-ellipsis{display:none}.timeline .timeline-entry .timeline-box.expanded .timeline-body .more .more-text{display:initial;animation:fade-in .5s}.timeline .timeline-entry:last-child{margin-bottom:0}@media(min-width: 44em){.timeline{padding:3rem 32px 1rem 32px}.timeline::after{left:50%}.timeline .timeline-year{text-align:center;left:0}.timeline .timeline-entry{position:relative;width:50%}.timeline .timeline-entry.position{left:0;padding-left:0;padding-right:40px}.timeline .timeline-entry.position::before{left:initial;right:17px;border-width:0 0 10px 23px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #564d4a}.timeline .timeline-entry.position::after{left:initial;right:-11px}.timeline .timeline-entry.project{left:50%}}footer{text-align:center;color:#564d4a;opacity:.5}/*# sourceMappingURL=style.css.map */