@import "http://fonts.googleapis.com/css?family=Ubuntu:300,400,700|Ubuntu+Condensed&subset=latin,latin-ext";@import "http://fonts.googleapis.com/css?family=Ubuntu:300,400,700|Ubuntu+Condensed&subset=latin,latin-ext";#experience{flex-direction:column;display:flex;position:relative}#experience ul{flex-direction:column;width:100%;margin:0;padding:0;display:flex}#experience ul .experience{border:2px solid #0000;border-radius:12px;flex-direction:row;margin:16px 0;padding:16px;transition:all .25s;display:flex}#experience ul .experience:hover{cursor:pointer;background:#fff;transition:all .25s}#experience ul .experience>header{text-align:center;border-right:1px solid #e0e0e0;flex-direction:column;flex:0 0 220px;align-items:center;width:220px;margin-right:24px;padding-right:24px;display:flex}#experience ul .experience>header .company-logo{width:120px;height:auto;margin-top:6px;margin-bottom:16px}#experience ul .experience>header .company-info{flex-direction:column;align-items:center;gap:4px;display:flex}#experience ul .experience>header .company-info h3{margin:0}#experience ul .experience>header .company-info .location{color:#666;align-items:center;gap:4px;margin:0;font-size:14px;display:flex}#experience ul .experience>header .company-info .dates{color:#888;margin:0;font-size:13px}#experience ul .experience>section{flex-direction:column;flex:auto;width:20%;display:flex}#experience ul .experience>section .position{color:#76923c}#experience ul .experience>section .technologies{flex-flow:wrap;margin-top:24px;display:flex}#experience ul .experience>section .technologies>li{background:#ddd;border:1px solid #ddd;border-radius:8px;margin-bottom:8px;margin-right:8px;padding:2px 8px;font-size:12px;display:inline-block}#experience ul .experience>section .technologies>li.selected{color:#eee;background-color:#aaa;border-color:#666}#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{margin-left:16px;list-style-type:decimal}#experience ul .experience>section .description>ul>li>ul>li{margin-left:12px;list-style-type:disc}#experience ul .experience>section .description>ul>li>ul>li b{margin-right:6px}#experience ul .experience.selected{background:#fff;border:2px solid #76923c;transition:all .25s}@media (width<=767px){#experience ul .experience{flex-direction:column;margin:0}#experience ul .experience>header{border-bottom:1px solid #e0e0e0;border-right:none;flex:none;width:100%;margin-bottom:16px;margin-right:0;padding-bottom:16px;padding-right:0}#experience ul .experience>header .company-logo{width:90px}#experience ul .experience>section{width:100%}}#experience .btn-show-more{color:#76923c;cursor:pointer;background:0 0;border:3px solid #76923c;border-radius:16px;margin:32px auto 16px;padding:6px 24px;font-size:24px;transition:background-color .2s ease-in-out;display:inline-block}#experience .btn-show-more span{opacity:.4;margin-left:4px}#experience .btn-show-more svg{vertical-align:middle}#experience .btn-show-more:hover{background-color:#eaf1dd}#experience #experience-filters{white-space:nowrap;align-items:center;width:100%;margin:0 0 32px;display:flex}#experience #experience-filters .filter-title{flex:0 1 min-content}#experience #experience-filters ul{flex-direction:row;flex:1 1 max-content;flex-wrap:wrap;width:100%;margin-left:16px;display:flex}#experience #experience-filters ul li{margin:8px;display:inline-flex}#experience #experience-filters ul li button{color:#666;background:#ddd;border:1px solid #aaa;border-radius:16px;padding:4px 16px;transition:padding-right .3s ease-in-out;position:relative}#experience #experience-filters ul li button svg{vertical-align:middle;opacity:0;color:#eee;fill:#eee;transition:opacity .2s ease-in-out;display:inline-block;position:absolute;top:8px;right:10px}#experience #experience-filters ul li button:hover{cursor:pointer;background-color:#ccc}#experience #experience-filters ul li button.selected{color:#eee;background-color:#aaa;border-color:#666;padding-right:42px}#experience #experience-filters ul li button.selected svg{opacity:1}#app-footer{color:#ffffffb3;background:#182b41;border-top:4px solid #76923c;font-size:16px}#app-footer .footer-inner{width:1200px;margin:0 auto;padding:56px 120px 24px 0}@media (width<=1200px){#app-footer .footer-inner{width:100%;padding:48px 16px 24px}}#app-footer a{color:#ffffffd9;text-decoration:none;transition:color .2s}#app-footer a:hover,#app-footer a:focus-visible{color:#b8ce88}#app-footer .footer-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;display:grid}@media (width<=767px){#app-footer .footer-columns{grid-template-columns:minmax(0,1fr);gap:40px}}#app-footer .footer-title{letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:20px;font-size:22px}#app-footer .footer-title a{color:#fff}#app-footer .footer-title a svg{margin-left:4px;transition:transform .2s}#app-footer .footer-title a:hover,#app-footer .footer-title a:focus-visible{color:#b8ce88}#app-footer .footer-title a:hover svg,#app-footer .footer-title a:focus-visible svg{transform:translate(4px)}#app-footer .footer-name{color:#fff;margin-bottom:16px;font-weight:700}#app-footer .footer-name span{color:#ffffffb3;font-weight:400;display:block}#app-footer .contact-list,#app-footer .project-links{margin:0;padding:0;list-style:none}#app-footer .contact-list li{margin-bottom:10px}#app-footer .contact-list svg{color:#b8ce88;margin-right:8px;font-size:18px}#app-footer .project-links li{opacity:.85;align-items:center;padding:4px 0;transition:opacity .2s;display:flex}#app-footer .project-links li:hover,#app-footer .project-links li:focus-within,#app-footer .project-links li.current,#app-footer .project-links li:hover .project-external,#app-footer .project-links li:focus-within .project-external{opacity:1}#app-footer .project-links li.current .project-name{color:#b8ce88}#app-footer .project-links .project-link{flex:0 auto;align-items:center;gap:10px;min-width:0;display:flex}#app-footer .project-links .project-link:hover .project-name,#app-footer .project-links .project-link:focus-visible .project-name{color:#b8ce88}#app-footer .project-links .project-favicon{object-fit:contain;flex:0 0 18px;width:18px;height:18px}#app-footer .project-links .project-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}#app-footer .project-links .project-name{color:#fff;font-weight:400;transition:color .2s}#app-footer .project-links .project-tagline{color:#ffffff80;font-size:14px}#app-footer .project-links .project-tagline:before{content:"·";margin:0 8px}#app-footer .project-links .project-external{opacity:0;flex:none;margin-left:8px;font-size:12px;transition:opacity .2s,color .2s;display:inline-flex}#app-footer .project-links .project-external:hover,#app-footer .project-links .project-external:focus-visible{opacity:1}@media (hover:none){#app-footer .project-links .project-external{opacity:1}}#app-footer .footer-bottom{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:48px;padding-top:20px;font-size:14px;display:flex}.grid-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-rows:180px;gap:6px;margin:0;padding:0;display:grid}.grid-container .skill{text-align:center;background:#fff;border:2px solid #fff;border-radius:6px;flex-direction:column;height:180px;margin:0;padding:8px;display:flex;overflow:hidden}.grid-container .skill picture{height:80px;margin:0;padding:0;display:flex}.grid-container .skill .company-logo{object-fit:contain;width:60px;height:60px;margin:0 auto;transition:all .4s;display:inline-block}.grid-container .skill .skill-name{flex: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{color:#fff;background-color:#365f91;border:3px solid #fff;border-radius:8px;grid-area:1/1/span 2/span 2;height:366px}.grid-container .skill.skill-importance-10 picture{height:170px;padding-top:20px}.grid-container .skill.skill-importance-10 .company-logo{background:#fff;border-radius:12px;width:120px;height:120px;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{margin-bottom:-24px;transition:all .4s;display:inline-block}.grid-container .skill:hover{background-color:#e8f2fd;transition:all .4s}.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}.project-layout{padding-top:88px}@media (width<=1200px){.project-layout{padding-left:16px;padding-right:16px}}@media (width<=767px){.project-layout{padding-top:76px;padding-left:12px;padding-right:12px}}.project-layout .breadcrumbs{color:#777;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 16px;padding:0;font-size:14px;list-style:none;display:flex}.project-layout .breadcrumbs li+li:before{content:"/";color:#c4c9d0;margin-right:6px}.project-layout .breadcrumbs a{color:#365f91;text-decoration:none}.project-layout .breadcrumbs a:hover{text-decoration:underline}.project-layout .breadcrumbs [aria-current]{color:#333}.project-layout .project-card{background:#fff;border:1px solid #e6e9ee;border-radius:8px;padding:28px 32px}@media (width<=767px){.project-layout .project-card{padding:20px}}.project-layout .project-card.compact{padding:22px 24px}.project-layout .card-title,.project-layout .card-label{background:0 0;margin:0 0 16px;padding:0;display:block}.project-layout .card-title{color:#333;font-size:24px}.project-layout .card-label{letter-spacing:1.5px;text-transform:uppercase;color:#76923c;font-family:Ubuntu,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700}.project-layout .btn{border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;text-decoration:none;transition:background-color .2s;display:inline-flex}.project-layout .btn svg{font-size:16px}.project-layout .btn-primary{color:#fff;background:#76923c}.project-layout .btn-primary:hover,.project-layout .btn-primary:focus-visible{background:#647c33}.project-layout .project-type{letter-spacing:1px;text-transform:uppercase;color:#596e2d;background:#ecf2df;border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.project-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;display:grid}@media (width<=900px){.project-hero{grid-template-columns:minmax(0,1fr);gap:24px}}.project-hero .hero-meta{color:#777;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;display:flex}.project-hero .hero-title{align-items:center;gap:14px;display:flex}.project-hero .hero-favicon{object-fit:contain;flex:0 0 44px;width:44px;height:44px}@media (width<=767px){.project-hero .hero-favicon{flex-basis:36px;width:36px;height:36px}}.project-hero h1{margin:0;font-size:40px;line-height:1.1}@media (width<=767px){.project-hero h1{font-size:32px}}.project-hero .hero-tagline{color:#76923c;margin:6px 0 14px;font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:22px;line-height:1.25}.project-hero .hero-statement{margin:0 0 24px;font-size:16px;line-height:1.6}.project-hero .hero-screenshot{border-radius:6px;transition:opacity .2s;display:block;overflow:hidden}.project-hero .hero-screenshot:hover{opacity:.9}.project-hero .hero-screenshot img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.tech-strip{--fade-start:0px;--fade-end:0px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex;overflow-x:auto}.tech-strip::-webkit-scrollbar{display:none}.tech-strip.fade-start{--fade-start:48px}.tech-strip.fade-end{--fade-end:48px}.tech-strip li{white-space:nowrap;background:#ddd;border:1px solid #ddd;border-radius:8px;flex:none;padding:2px 8px;font-size:12px}.project-body{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;margin-top:16px;display:grid}@media (width<=900px){.project-body{grid-template-columns:minmax(0,1fr)}}.project-body .project-main,.project-body .project-aside{flex-direction:column;gap:24px;display:flex}.project-body .project-aside{position:sticky;top:88px}@media (width<=900px){.project-body .project-aside{order:-1;position:static}}.project-body .about p{margin:0 0 14px;font-size:16px;line-height:1.7}.project-body .about p:last-child{margin-bottom:0}.project-body .about p b{color:#333}.project-body .contributions{margin:0;padding:0;list-style:none}.project-body .contributions li{border-top:1px solid #f0f2f5;gap:12px;padding:12px 0;font-size:15px;line-height:1.6;display:flex}.project-body .contributions li:first-child{border-top:0;padding-top:0}.project-body .contributions li:last-child{padding-bottom:0}.project-body .contributions li b{color:#333}.project-body .contributions .check{color:#76923c;background:#ecf2df;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;margin-top:1px;font-size:14px;display:grid}.project-body .details{grid-template-columns:auto minmax(0,1fr);gap:10px 16px;margin:0;font-size:14px;display:grid}.project-body .details dt{color:#777}.project-body .details dd{text-align:right;color:#333;margin:0}.project-body .details a{color:#365f91;overflow-wrap:anywhere;text-decoration:none}.project-body .details a:hover{text-decoration:underline}.project-body .details a svg{vertical-align:-1px;font-size:13px}.project-pager{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:24px;display:grid}@media (width<=767px){.project-pager{grid-template-columns:minmax(0,1fr)}}.project-pager .pager-link{background:#fff;border:1px solid #e6e9ee;border-radius:8px;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;transition:border-color .2s;display:flex}.project-pager .pager-link:hover,.project-pager .pager-link:focus-visible{border-color:#76923c}.project-pager .pager-link:hover b,.project-pager .pager-link:focus-visible b{color:#365f91}.project-pager .pager-link.next{text-align:right;justify-content:flex-end}.project-pager .pager-link small{letter-spacing:1px;text-transform:uppercase;color:#777;font-size:12px;display:block}.project-pager .pager-link b{color:#333;font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;transition:color .2s}.project-pager .pager-link svg{color:#777;flex:none;font-size:20px}.project-pager .pager-link .pager-favicon{object-fit:contain;flex:0 0 32px;width:32px;height:32px}.not-found h1{margin:0 0 8px}.not-found p{margin:0 0 20px}.projects-page .projects-header{margin-bottom:24px}.projects-page .projects-header h1{margin:0 0 8px;font-size:40px;line-height:1.1}@media (width<=767px){.projects-page .projects-header h1{font-size:32px}}.projects-page .projects-header p{max-width:720px;margin:0;line-height:1.6}.projects-page .projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=767px){.projects-page .projects-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}}.projects-page .project-card-link{color:#777;background:#fff;border:1px solid #e6e9ee;border-radius:8px;flex-direction:column;gap:2px;height:100%;padding:10px 10px 16px;text-decoration:none;transition:border-color .2s;display:flex}.projects-page .project-card-link .project-thumb{aspect-ratio:16/10;object-fit:cover;object-position:top;background:#eee;border-radius:4px;width:100%;height:auto;margin-bottom:12px;display:block}.projects-page .project-card-link .project-type{align-self:flex-start;margin-bottom:6px}.projects-page .project-card-link .project-name{color:#333;font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:22px;font-weight:400;line-height:1.2;transition:color .2s}.projects-page .project-card-link .project-tagline{font-size:14px;line-height:1.4}.projects-page .project-card-link:hover,.projects-page .project-card-link:focus-visible{border-color:#76923c}.projects-page .project-card-link:hover .project-name,.projects-page .project-card-link:focus-visible .project-name{color:#365f91}body{color:#777;background:#f8f8f8;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{color:#fff;background:#365f91;padding:8px;display:inline-block}a{color:#76923c}svg{vertical-align:middle}.date{color:#ffffffb3;background-color:#76923c;border-radius:4px;margin:0 3px;padding:1px 6px 2px;font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif}.date b{color:#fff;margin-left:4px}.stars{margin:0;padding:0;display:inline-block}.stars li{display:inline-block}#default-page{width:1200px;margin:0 auto;padding-bottom:64px;position:relative}@media (width<=1200px){#default-page{width:100%}}.page-section{margin-bottom:4px;padding-top:64px;transition:padding-top 1s ease-in}.page-section .section-title{color:#365f91;background-color:#d6e2f0;border-radius:8px;flex-direction:row;margin-left:-24px;padding:2px 24px;transition:all .3s;display:flex}.page-section .section-title span{flex:auto}.page-section .section-title button{opacity:0;color:#365f91;cursor:pointer;vertical-align:middle;background:0 0;border:0;outline:none;margin-right:-16px;font-size:16px;font-weight:400;line-height:22px;transition:all .3s}.page-section .section-title button .chevron{vertical-align:middle;margin-left:6px;transition:all .4s}.page-section .section-title button .chevron:hover{stroke:#365f91;stroke-width:2px}.page-section .section-title:hover button{opacity:1;transition:all .3s}.page-section .section-content{flex-direction:column;max-height:0;padding:0;transition:max-height .4s ease-in-out,padding .4s ease-in-out;display:flex;overflow:hidden}.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 (width<=767px){.page-section .section-title{border-radius:0;margin-left:0}.page-section .section-title button{opacity:1}.page-section.expanded .section-content{padding-left:8px;padding-right:8px}}.panels{flex-direction:row;gap:32px;width:100%;display:flex}@media (width<=768px){.panels{flex-direction:column}}.panel{border:2px solid #365f91;border-radius:16px;width:100%;padding:48px 32px 32px;position:relative}.panel .panel-title{color:#fff;background:#365f91;padding:4px 32px;position:absolute;top:-18px}#app-header{z-index:2000;width:1080px;position:fixed;top:0}@media (width<=1200px){#app-header{width:100%}}#app-header header{background:#fff;flex-direction:row;align-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 12px;display:flex;overflow:hidden;box-shadow:1px 1px 2px #1414141a}@media (width<=1200px){#app-header header .app-title{display:none}}#app-header header .availability{color:#a50101;min-width:180px;min-height:26px;font-size:20px;font-weight:700;line-height:24px;position:relative}#app-header header .availability span{font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif;transition:right .2s ease-in-out;position:absolute;right:-560px}#app-header header .availability svg{vertical-align:middle;margin-left:6px;transition:right .15s ease-in-out;position:absolute;right:0}#app-header header .availability:hover span{right:0}#app-header header .availability:hover svg{right:-42px}#app-header header .availability.available{color:#76923c}@media (width<=767px){#app-header header .availability{display:none}}#app-nav{flex:auto;justify-content:center;margin:0;padding:12px 0;display:flex}#app-nav li{cursor:pointer;color:#777;border-radius:24px;margin:0 4px;padding:6px 24px;transition:all .2s;display:block}#app-nav li:hover:not(.active){color:#365f91;background:#e8eff7;transition:all .2s}#app-nav li.active{color:#fff;background:#365f91}#app-nav li svg{vertical-align:middle;margin-right:8px}@media (width<=767px){#app-nav li{border-radius:32px;padding:8px 10px;transition:all .4s ease-in-out}#app-nav li span{display:none}#app-nav li svg{margin:0;font-size:22px}#app-nav li.active{white-space:nowrap;padding:8px 16px}#app-nav li.active span{display:inline-block}#app-nav li.active svg{margin-right:8px}}#app-aside{z-index:2001;flex-direction:column;justify-content:flex-start;align-items:center;width:100px;height:100vh;margin-left:1100px;display:flex;position:fixed;top:0}@media (width<=1200px){#app-aside{display:none}}#app-aside #pdf-download{color:#365f91;vertical-align:middle;text-align:center;background-color:#fff;border:1px solid #fff0;border-radius:50%;width:52px;height:52px;margin:8px;padding:4px;font-size:24px;line-height:32px;text-decoration:none;transition:all .2s ease-in-out;position:relative;overflow:hidden;box-shadow:1px 1px 4px #0003}#app-aside #pdf-download svg{vertical-align:middle;width:30px;height:30px;transition:top .2s ease-in-out;display:inline-block;position:absolute;left:14px}#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{transition:all .2s ease-in-out;top:7px}#app-aside #experience-timeline{opacity:.3;flex-direction:column;justify-content:space-between;align-items:center;height:100%;margin-top:8px;display:flex}#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;opacity:1;position:absolute}#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{z-index:101;flex-direction:column;height:100%;display:flex;position:relative}#app-aside #experience-timeline .experience-item{opacity:.4;background:#749a47;border-radius:7px;width:5px;font-size:12px;text-decoration:none;transition:font-size .2s ease-in-out,opacity .4s ease-in-out;display:block;position:absolute;left:-15px}#app-aside #experience-timeline .experience-item.other{opacity:.3;background-color:#cb9c44;left:-5px}#app-aside #experience-timeline .experience-item .company-logo,#app-aside #experience-timeline .experience-item .company-name{vertical-align:middle;display:none;position:absolute}#app-aside #experience-timeline .experience-item:hover{opacity:1;font-size:15px}#app-aside #experience-timeline .experience-item:hover .company-logo{min-width:48px;max-height:48px;display:block;top:0;left:-64px}#app-aside #experience-timeline .experience-item:hover .company-name{white-space:nowrap;background-color:#fff;border-radius:4px;font-size:14px;display:block;top:0;left:24px}#app-aside #experience-timeline .experience-item.selected{opacity:1;background-color:#76923c}#app-main{width:1080px}@media (width<=1200px){#app-main{width:100%}}#overview header{margin-bottom:48px}#overview header .statement{color:#365f91;background-color:#d6e2f0;border-radius:8px;margin-left:-24px;padding:2px 24px;display:inline-block}#overview main{display:flex}#overview main .info{width:360px}#overview main .info dl dt{color:#76923c;float:left;clear:left;font-weight:400}#overview main .info dl dt.no-break{clear:none;margin-left:16px}#overview main .info dl dd{float:left;color:#333;margin-left:8px;font-weight:700}#overview main .info dl.stats{display:inline-block}#overview main .info hr{border:none;border-top:1px solid #ddd;border-bottom:1px solid #fff;height:1px;margin:24px 0}#overview main .photo{text-align:right;flex:auto;position:relative}#overview main .photo img{border:4px solid #fff}#overview main .photo ul{z-index:1000;flex-direction:column;align-items:flex-end;font-size:22px;display:flex;position:absolute;top:40%;right:240px;transform:translateY(-50%)}#overview main .photo ul li{color:#fff;white-space:nowrap;background:#365f91;border:1px solid #fff;border-radius:8px;margin:4px 0;padding:1px 8px 2px 20px;font-weight:300;transition:margin .1s;display:block;box-shadow:1px 1px 2px #1414144d}#overview main .photo ul li span{font-family:Ubuntu Condensed,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;display:none}#overview main .photo ul li b{letter-spacing:2px;margin-right:8px;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 (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{vertical-align:middle;width:100%;margin:2px 0;line-height:24px;display:inline-block}#about .languages .stars{color:#76923c}#about .languages .stars svg{vertical-align:middle}#about .languages .flag{vertical-align:middle;margin-right:8px;font-size:24px}#about .languages>li span{margin-left:8px;font-size:12px;display:none}#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{gap:24px;display:flex}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{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip-ink:auto;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{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Ubuntu,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif}