@import"http://fonts.googleapis.com/css?family=Ubuntu:300,400,700|Ubuntu+Condensed&subset=latin,latin-ext";#experience{display:flex;flex-direction:column;position:relative}#experience ul{display:flex;width:100%;margin:0;padding:0;flex-direction:column}#experience ul .experience{display:flex;flex-direction:row;padding:16px;margin:16px 0;transition:all .25s;border-radius:12px;border:2px solid transparent}#experience ul .experience:hover{background:#fff;transition:all .25s;cursor:pointer}#experience ul .experience>header{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 220px;width:220px;padding-right:24px;border-right:1px solid #e0e0e0;margin-right:24px}#experience ul .experience>header .company-logo{width:120px;height:auto;margin-top:6px;margin-bottom:16px}#experience ul .experience>header .company-info{display:flex;flex-direction:column;align-items:center;gap:4px}#experience ul .experience>header .company-info h3{margin:0}#experience ul .experience>header .company-info .location{margin:0;font-size:14px;color:#666;display:flex;align-items:center;gap:4px}#experience ul .experience>header .company-info .dates{margin:0;font-size:13px;color:#888}#experience ul .experience>section{display:flex;flex-direction:column;flex:1 auto;width:20%}#experience ul .experience>section .position{color:#76923c}#experience ul .experience>section .technologies{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:24px}#experience ul .experience>section .technologies>li{font-size:12px;display:inline-block;background:#ddd;padding:2px 8px;border-radius:8px;margin-right:8px;margin-bottom:8px;border:1px solid #ddd}#experience ul .experience>section .technologies>li.selected{border-color:#666;background-color:#aaa;color:#eee}#experience ul .experience>section .technologies>li:hover{border-color:#666}#experience ul .experience>section .description{font-size:15px}#experience ul .experience>section .description>ul>li{list-style-type:decimal;margin-left:16px}#experience ul .experience>section .description>ul>li>ul>li{list-style-type:disc;margin-left:12px}#experience ul .experience>section .description>ul>li>ul>li b{margin-right:6px}#experience ul .experience.selected{background:#fff;transition:all .25s;border:2px solid #76923c}@media(max-width:767px){#experience ul .experience{flex-direction:column;margin:0}#experience ul .experience>header{flex:0 0 auto;width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding-right:0;padding-bottom:16px;margin-right:0;margin-bottom:16px}#experience ul .experience>header .company-logo{width:90px}#experience ul .experience>section{width:100%}}#experience .btn-show-more{background:none;border:none;display:inline-block;padding:6px 24px;margin:32px auto 16px;color:#76923c;cursor:pointer;font-size:24px;border:3px solid #76923c;border-radius:16px;transition:background-color .2s ease-in-out}#experience .btn-show-more span{margin-left:4px;opacity:.4}#experience .btn-show-more svg{vertical-align:middle}#experience .btn-show-more:hover{background-color:#eaf1dd}#experience #experience-filters{display:flex;margin:0 0 32px;width:100%;white-space:nowrap;align-items:center}#experience #experience-filters .filter-title{flex:0 1 min-content}#experience #experience-filters ul{display:flex;flex-direction:row;margin-left:16px;flex:1 1 max-content;flex-wrap:wrap;width:100%}#experience #experience-filters ul li{display:inline-flex;margin:8px}#experience #experience-filters ul li button{background:#ddd;color:#666;padding:4px 16px;border:1px solid #aaaaaa;border-radius:16px;transition:padding-right .3s ease-in-out;position:relative}#experience #experience-filters ul li button svg{position:absolute;display:inline-block;vertical-align:middle;right:10px;top:8px;opacity:0;color:#eee;fill:#eee;transition:opacity .2s ease-in-out}#experience #experience-filters ul li button:hover{background-color:#ccc;cursor:pointer}#experience #experience-filters ul li button.selected{border-color:#666;background-color:#aaa;color:#eee;padding-right:42px}#experience #experience-filters ul li button.selected svg{opacity:1}.grid-container{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-rows:180px;gap:6px}.grid-container .skill{background:#fff;display:flex;flex-direction:column;text-align:center;padding:8px;margin:0;height:180px;border:2px solid #fff;border-radius:6px;overflow:hidden}.grid-container .skill picture{margin:0;padding:0;height:80px;display:flex}.grid-container .skill .company-logo{width:60px;height:60px;display:inline-block;margin:0 auto;object-fit:contain;transition:all .4s}.grid-container .skill .skill-name{flex:1 auto;font-size:14px}.grid-container .skill .level{color:#76923c}.grid-container .skill .skill-length{padding-top:8px;font-size:12px}.grid-container .skill.skill-importance-10{grid-column:1/span 2;grid-row:1/span 2;height:366px;background-color:#365f91;border:3px solid #fff;border-radius:8px;color:#fff}.grid-container .skill.skill-importance-10 picture{height:170px;padding-top:20px}.grid-container .skill.skill-importance-10 .company-logo{width:120px;height:120px;background:#fff;border-radius:12px;padding:8px}.grid-container .skill.skill-importance-10 .skill-name{font-size:24px}.grid-container .skill.skill-importance-10 .level{color:#e8f2fd}.grid-container .skill.skill-importance-10 .skill-name,.grid-container .skill.skill-importance-10 .level,.grid-container .skill.skill-importance-10 .skill-length{font-size:24px}.grid-container .skill.skill-importance-10 .skill-length{margin-bottom:-32px}.grid-container .skill h4{color:#bbb;font-size:12px}.grid-container .skill .skill-level,.grid-container .skill h4{opacity:0;transition:all .4s}.grid-container .skill .skill-length{display:inline-block;margin-bottom:-24px;transition:all .4s}.grid-container .skill:hover{transition:all .4s;background-color:#f7f7f7;background-color:#e8f2fd}.grid-container .skill:hover .company-logo{width:60px;height:60px;transition:all .4s}.grid-container .skill:hover .skill-level,.grid-container .skill:hover h4{opacity:1;transition:all .4s}.grid-container .skill:hover .skill-length{margin-bottom:0;padding-top:0;transition:all .4s}.grid-container .skill:hover.skill-importance-10{background-color:#3d6ba3}.grid-container .skill:hover.skill-importance-10 .company-logo{width:120px;height:120px}body{background:#f8f8f8;color:#777;font-size:18px}h1,h2,h3,h4,h5{font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif}h1{color:#333;font-size:32px}h1 b{color:#76923c}h2{display:inline-block;padding:8px;background:#365f91;color:#fff}a{color:#76923c}svg{vertical-align:middle}.date{font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif;color:#ffffffb3;background-color:#76923c;border-radius:4px;padding:1px 6px 2px;margin:0 3px}.date b{color:#fff;margin-left:4px}.stars{display:inline-block;margin:0;padding:0}.stars li{display:inline-block}#default-page{width:1200px;margin:0 auto;padding-bottom:64px;position:relative}@media(max-width:1200px){#default-page{width:100%}}.page-section{transition:padding-top 1s ease-in;margin-bottom:4px;padding-top:64px}.page-section .section-title{display:flex;flex-direction:row;background-color:#d6e2f0;color:#365f91;padding:2px 24px;border-radius:8px;margin-left:-24px;transition:all .3s}.page-section .section-title span{flex:1 auto}.page-section .section-title button{opacity:0;transition:all .3s;background:transparent;border:0;outline:none;color:#365f91;cursor:pointer;font-weight:400;font-size:16px;line-height:22px;vertical-align:middle;margin-right:-16px}.page-section .section-title button .chevron{margin-left:6px;transition:all .4s;vertical-align:middle}.page-section .section-title button .chevron:hover{stroke:#365f91;stroke-width:2px}.page-section .section-title:hover button{transition:all .3s;opacity:1}.page-section .section-content{display:flex;flex-direction:column;max-height:0px;overflow:hidden;padding:0;transition:max-height .4s ease-in-out,padding .4s ease-in-out}.page-section.expanded .section-content{max-height:none;padding:32px 0 0;overflow:visible}.page-section.expanded .chevron{transition:all .4s;transform:rotate(-180deg)}@media(max-width:767px){.page-section .section-title{margin-left:0;border-radius:0}.page-section .section-title button{opacity:1}.page-section.expanded .section-content{padding-left:8px;padding-right:8px}}.panels{display:flex;flex-direction:row;width:100%;gap:32px}@media(max-width:768px){.panels{flex-direction:column}}.panel{border:2px solid #365f91;border-radius:16px;padding:48px 32px 32px;position:relative;width:100%}.panel .panel-title{padding:4px 32px;background:#365f91;color:#fff;position:absolute;top:-18px}#app-header{position:fixed;top:0;z-index:2000;width:1080px}@media(max-width:1200px){#app-header{width:100%}}#app-header header{background:#fff;overflow:hidden;display:flex;align-items:center;align-content:space-between;flex-direction:row;width:100%;margin:0 auto;padding:0 12px;box-shadow:1px 1px 2px #1414141a}@media(max-width:1200px){#app-header header .app-title{display:none}}#app-header header .availability{color:#a50101;font-weight:700;font-size:20px;line-height:24px;position:relative;min-height:26px;min-width:180px}#app-header header .availability span{position:absolute;right:-560px;transition:right .2s ease-in-out;font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif}#app-header header .availability svg{position:absolute;right:0;vertical-align:middle;margin-left:6px;transition:right .15s ease-in-out}#app-header header .availability:hover span{right:0}#app-header header .availability:hover svg{right:-42px}#app-header header .availability.available{color:#76923c}@media(max-width:767px){#app-header header .availability{display:none}}#app-nav{display:flex;flex:1 auto;justify-content:center;margin:0;padding:12px 0}#app-nav li{display:block;padding:6px 24px;margin:0 4px;cursor:pointer;color:#777;transition:all .2s;border-radius:24px}#app-nav li:hover:not(.active){background:#e8eff7;transition:all .2s;color:#365f91}#app-nav li.active{background:#365f91;color:#fff}#app-nav li svg{vertical-align:middle;margin-right:8px}@media(max-width:767px){#app-nav li{padding:8px 10px;border-radius:32px;transition:all .4s ease-in-out}#app-nav li span{display:none}#app-nav li svg{font-size:22px;margin:0}#app-nav li.active{padding:8px 16px;white-space:nowrap}#app-nav li.active span{display:inline-block}#app-nav li.active svg{margin-right:8px}}#app-aside{width:100px;height:100vh;z-index:2001;position:fixed;top:0;margin-left:1100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media(max-width:1200px){#app-aside{display:none}}#app-aside #pdf-download{color:#365f91;font-size:24px;line-height:32px;vertical-align:middle;border:1px solid rgba(255,255,255,0);position:relative;margin:8px;padding:4px;border-radius:50%;text-decoration:none;width:52px;height:52px;text-align:center;transition:all .2s ease-in-out;overflow:hidden;background-color:#fff;box-shadow:1px 1px 4px #0003}#app-aside #pdf-download svg{display:inline-block;vertical-align:middle;width:30px;height:30px;position:absolute;left:14px;transition:top .2s ease-in-out}#app-aside #pdf-download .download{top:-60px;left:13px}#app-aside #pdf-download .pdf{top:8px}#app-aside #pdf-download:hover{background-color:#fff;box-shadow:1px 1px 4px #0003}#app-aside #pdf-download:hover .svg{transition:top .2s ease-in-out}#app-aside #pdf-download:hover .download{top:8px}#app-aside #pdf-download:hover .pdf{top:60px}#app-aside #pdf-download:active{top:7px;transition:all .2s ease-in-out}#app-aside #experience-timeline{display:flex;justify-content:space-between;flex-direction:column;align-items:center;margin-top:8px;height:100%;opacity:.3}#app-aside #experience-timeline:hover{opacity:1}#app-aside #experience-timeline{transition:opacity .2s ease-in-out}#app-aside #experience-timeline #timeline-years{pointer-events:none;position:absolute;opacity:1}#app-aside #experience-timeline #timeline-years text{text-anchor:middle;dominant-baseline:middle}#app-aside #experience-timeline #timeline-years tspan{stroke:#365f91;text-align:center}#app-aside #experience-timeline #timeline-years .five{opacity:.8}#app-aside #experience-timeline #timeline-years .year{opacity:.2;font-size:12px}#app-aside #experience-timeline .end .date,#app-aside #experience-timeline .start .date{z-index:100;background-color:#365f91}#app-aside #experience-timeline .experience-navigation{display:flex;flex-direction:column;position:relative;height:100%;z-index:101}#app-aside #experience-timeline .experience-item{display:block;width:5px;font-size:12px;text-decoration:none;background:#749a47;transition:font-size .2s ease-in-out,opacity .4s ease-in-out;position:absolute;border-radius:7px;left:-15px;opacity:.4}#app-aside #experience-timeline .experience-item.other{left:-5px;background-color:#cb9c44;opacity:.3}#app-aside #experience-timeline .experience-item .company-logo,#app-aside #experience-timeline .experience-item .company-name{position:absolute;display:none;vertical-align:middle}#app-aside #experience-timeline .experience-item:hover{opacity:1;font-size:15px}#app-aside #experience-timeline .experience-item:hover .company-logo{display:block;min-width:48px;max-height:48px;top:0;left:-64px}#app-aside #experience-timeline .experience-item:hover .company-name{left:24px;top:0;display:block;white-space:nowrap;font-size:14px;background-color:#fff;border-radius:4px}#app-aside #experience-timeline .experience-item.selected{background-color:#76923c;opacity:1}#app-main{width:1080px}@media(max-width:1200px){#app-main{width:100%}}#overview header{margin-bottom:48px}#overview header .statement{background-color:#d6e2f0;color:#365f91;display:inline-block;padding:2px 24px;border-radius:8px;margin-left:-24px}#overview main{display:flex}#overview main .info{width:360px}#overview main .info dl dt{color:#76923c;font-weight:400;float:left;clear:left}#overview main .info dl dt.no-break{clear:none;margin-left:16px}#overview main .info dl dd{font-weight:700;float:left;margin-left:8px;color:#333}#overview main .info dl.stats{display:inline-block}#overview main .info hr{margin:24px 0;border-left:none;border-right:none;border-top:1px solid #ddd;border-bottom:1px solid #fff;height:1px}#overview main .photo{flex:1 auto;text-align:right;position:relative}#overview main .photo img{border:4px solid #fff}#overview main .photo ul{position:absolute;z-index:1000;right:240px;top:40%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;font-size:22px}#overview main .photo ul li{padding:1px 8px 2px 20px;margin:4px 0;background:#365f91;border:1px solid #fff;box-shadow:1px 1px 2px #1414144d;color:#fff;font-weight:300;display:block;white-space:nowrap;transition:margin .1s;border-radius:8px}#overview main .photo ul li span{display:none;font-size:18px;font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif}#overview main .photo ul li b{margin-right:8px;letter-spacing:2px;font-size:20px}#overview main .photo ul li:hover{cursor:pointer;margin-right:-50px;transition:margin .3s}#overview main .photo ul li:hover span{display:inline-block}@media(max-width:767px){#overview header{text-align:center;line-height:normal}#overview header .statement{border-radius:0;margin:12px -8px;padding:8px 12px}#overview .contacts,#overview .info{display:none}}#about p{margin-bottom:16px}#about .languages{margin:0;padding:0}#about .languages>li{display:inline-block;width:100%;line-height:24px;vertical-align:middle;margin:2px 0}#about .languages .stars{color:#76923c}#about .languages .stars svg{vertical-align:middle}#about .languages .flag{font-size:24px;margin-right:8px;vertical-align:middle}#about .languages>li span{display:none;margin-left:8px;font-size:12px}#about .languages>li:hover span{display:inline-block}#about .panels{margin-top:64px}#about .panels .languages-panel{width:75%}#about .panels .education-list{margin:0;padding:0}#about .panels .education-list hr{border:1px dashed #ddd;outline:none;margin:24px 0}#about .panels .education-list li{display:flex;gap:24px}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;font-family:Ubuntu,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}