@media (min-width:0) and (max-width:480px){.navbar-dimensions{height:56px;width:100%}.navbar-item-dimensions{margin:4px;padding:16px 8px}.navbar-logo{display:none}}@media (min-width:481px) and (max-width:840px){.navbar-dimensions{height:56px;width:100%}.navbar-item-dimensions{margin:8px;padding:16px 8px}.navbar-logo{border:2px dashed #f69c55;color:#333;font-size:18px;margin:20px;padding:16px}}@media (min-width:841px){.navbar-dimensions{height:88px;width:100%}.navbar-item-dimensions{margin:8px;padding:16px}.navbar-logo{border:2px dashed #f69c55;color:#333;font-size:18px;margin:20px;padding:16px}}.navbar{align-items:center;color:#333;display:flex;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;justify-content:center;letter-spacing:3px;line-height:1em;position:fixed;text-transform:uppercase;transition:all .3s ease-in-out;z-index:100}.elevated{background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.438)}.navbar-item{border-radius:4px;font-size:17px;transition:all .2s ease-in-out}.navbar-item:hover,.navbar-logo:hover{background-color:rgba(0,0,0,.05);transition:all .2s ease-in}.navbar-item-selected{animation:navbar-item-background-change 10s infinite;border-radius:4px}@keyframes navbar-item-background-change{0%{background-color:rgba(33,150,243,.2)}25%{background-color:rgba(76,175,80,.2)}50%{background-color:rgba(255,193,7,.2)}75%{background-color:rgba(255,87,34,.2)}to{background-color:rgba(33,150,243,.2)}}@media (min-width:0) and (max-width:480px){.header-header{height:55vh;width:100%}}@media (min-width:481px) and (max-width:840px){.header-header{height:45vh;width:100%}}@media (min-width:841px) and (max-width:1280px){.header-header{height:40vh;width:100%}}@media (min-width:1281px) and (max-width:1600px){.header-header{height:40vh;width:100%}}@media (min-width:1601px){.header-header{height:40vh;width:100%}}@media (min-width:0) and (max-width:480px){.home-section{padding:24px 16px}}@media (min-width:481px) and (max-width:840px){.home-section{padding:40px 24px}}@media (min-width:841px) and (max-width:1280px){.home-section{padding:50px 64px}}@media (min-width:1281px) and (max-width:1600px){.home-section{padding:60px 192px}}@media (min-width:1601px){.home-section{padding:70px 320px}}.container-about{align-items:center;background-color:#262626;display:flex;justify-content:center}.profile-picture-about{background-color:#fff;border:1px solid rgba(76,175,80,.6);border-radius:360px;display:none;height:100px;max-height:100px;max-width:100px;min-height:100px;min-width:100px;width:100px}.about-text-hi{font-size:16px}.about-text{color:#e7e7e7;font-size:14px;line-height:2em;max-width:65em}.about-text-main{font-size:32px;line-height:1.5em}.about-name{color:#4caf50}.about-text-subtitle{font-size:20px}.about-cv{font-size:12px;font-weight:700}@media (min-width:841px){.profile-picture-about{animation:about-image-border-change 10s infinite;background-color:#fff;border:1px solid rgba(76,175,80,.6);border-radius:360px;display:block;height:200px;margin-right:60px;max-height:200px;max-width:200px;min-height:200px;min-width:200px;width:200px}}@keyframes about-image-border-change{0%{border:1px solid rgba(33,150,243,.4)}25%{border:1px solid rgba(76,175,80,.4)}50%{border:1px solid rgba(255,193,7,.4)}75%{border:1px solid rgba(255,87,34,.4)}to{border:1px solid rgba(33,150,243,.4)}}.label{margin:4px;padding:8px;text-transform:uppercase;transition:all .3s ease-in-out}.label,.label-minimal{background-color:initial;border-radius:6px;text-align:center}.label-minimal{border:1px solid rgba(32,149,243,.6);color:hsla(0,0%,100%,.9);font-size:.8em;margin:2px;padding:5px}.common-label{border:1px solid #4caf50}.common-label:hover{background-color:rgba(76,175,79,.5);color:#fff;outline:0}.common-label-selected,.common-label-selected:hover{background-color:#4caf4f;color:#fff;outline:0}.special-label{border:1px solid #2095f3}.special-label:hover{background-color:rgba(32,149,243,.5);color:#fff;outline:0}.special-label-selected,.special-label-selected:hover{background-color:#2095f3;color:#fff;outline:0}.labels-container{display:flex;flex-flow:row wrap;justify-content:flex-start}.highlight-card,.normal-card{grid-column-end:span 1}@media (min-width:481px){.highlight-card{grid-column-end:span 2}}.project-card{border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.32),0 3px 4px rgba(0,0,0,.34);height:300px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.25),0 8px 10px rgba(0,0,0,.22)}.info-bar{align-items:center;background-color:rgba(0,0,0,.815);border-bottom-left-radius:4px;border-bottom-right-radius:4px;bottom:0;box-sizing:border-box;color:#fff;display:flex;gap:1em;justify-content:space-between;left:0;padding:10px;position:absolute;width:100%;z-index:1}.info-bar .info-bar-name{white-space:nowrap}.info-bar .info-bar-skill-list{display:flex}.info-bar .info-bar-skill-list .label-minimal{white-space:nowrap}.project-image{display:block;height:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%;object-fit:cover;width:100%}@media (min-width:0) and (max-width:480px){.projects-container{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-template-columns:repeat(1,1fr)}}@media (min-width:481px) and (max-width:840px){.projects-container{grid-column-gap:8px;grid-row-gap:8px;display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:841px) and (max-width:1280px){.projects-container{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width:1281px) and (max-width:1600px){.projects-container{grid-column-gap:24px;grid-row-gap:24px;display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width:1601px) and (max-width:3840px){.projects-container{grid-column-gap:24px;grid-row-gap:24px;display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width:3841px){.projects-container{grid-column-gap:24px;grid-row-gap:24px;display:grid;grid-template-columns:repeat(8,1fr)}}.project-fade-enter{opacity:.01}.project-fade-enter.project-fade-enter-active{opacity:1;transition:opacity .3s ease-in}.project-fade-exit{opacity:1}.project-fade-exit.project-fade-exit-active{opacity:.01;transition:opacity .3s ease-in}.work-container{grid-column-gap:16px;grid-row-gap:32px;display:grid;grid-template-columns:1fr;max-width:1400px}.labels-work{justify-self:start}.project-details-dialog-container{background-color:rgba(0,0,0,.08);display:grid;grid-template-columns:auto;width:100%}.project-not-found{justify-self:center}.project-details-topbar{align-items:center;display:flex;margin:0 auto;max-width:960px;padding:12px 0}.project-details-back{align-items:center;background:transparent;border:none;border-radius:6px;display:inline-flex;font-weight:600;gap:8px;padding:8px 12px;text-transform:uppercase}.project-details-back:hover{background-color:rgba(0,0,0,.06)}.project-details-card{border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);margin:0 auto 56px;max-width:960px}.project-details-hero{padding:1em;position:relative}.project-details-image{border:1px solid #444;height:260px;width:100%}.project-details-heading{margin-bottom:8px}.project-details-title{color:#111;font-size:28px;line-height:1.25}.project-details-subtitle{color:#444;font-size:16px}.project-details-content{color:#333;padding:20px}.project-details-labels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.project-details-chip{background:#f2f2f2;border-radius:999px;font-size:12px;font-weight:600;padding:6px 10px}.project-details-description{line-height:1.8;margin-bottom:18px;margin-top:8px}.project-details-actions,.project-details-secondary{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.project-details-button{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:10px 14px;text-transform:uppercase}.project-details-button.primary{background:#111;color:#fff}.project-details-button.primary:hover{filter:brightness(1.1)}.project-details-button.ghost{background:transparent;border-color:rgba(0,0,0,.2);color:#111}.project-details-button.ghost:hover{background:rgba(0,0,0,.04)}.project-details-navigate-back-button{border-radius:4px;display:flex;font-weight:700;justify-content:flex-start;justify-self:flex-start;margin-bottom:8px;margin-top:8px;padding-left:8px;padding-right:8px;text-transform:uppercase;transition:all .2s ease-in-out}.project-details-navigate-back-button:hover{background-color:rgba(0,0,0,.05);transition:all .2s ease-in}.project-details-icon{font-size:16px;margin-right:8px}.project-details-card{background-color:#fff;border-color:transparent;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.32),0 3px 4px rgba(0,0,0,.34);overflow:hidden;transition:all .3s ease-in}.project-details-image{display:block;object-fit:cover}.project-details-text{color:#333;line-height:2em}.project-details-title{color:#222;font-size:32px;line-height:1.5em;text-transform:uppercase}.project-details-subtitle{color:#222;font-size:20px;line-height:1.2em;margin-bottom:24px}.project-details-description{margin-bottom:24px;margin-top:16px}.project-details-main-links{margin-bottom:16px}.project-details-main-links,.project-details-secondary-links{display:flex;flex-direction:row;font-size:11px;font-weight:700;margin-top:16px;text-transform:uppercase}.project-details-link{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:1.2em;margin-right:24px}@media (min-width:0) and (max-width:480px){.project-details-topbar{padding:8px 12px}.project-details-image{height:220px}.project-details-title{font-size:22px}.project-details-subtitle{font-size:14px}.project-details-content{padding:16px}}@media (min-width:481px) and (max-width:840px){.project-details-topbar{padding:12px 16px}.project-details-image{height:300px}.project-details-title{font-size:26px}.project-details-subtitle{font-size:15px}.project-details-content{padding:20px}}@media (min-width:841px) and (max-width:1280px){.project-details-image{height:420px}.project-details-title{font-size:30px}.project-details-subtitle{font-size:18px}.project-details-content{padding:28px}}@media (min-width:1281px){.project-details-image{height:500px}.project-details-title{font-size:34px}.project-details-subtitle{font-size:20px}.project-details-content{padding:36px}}.contact-item{align-items:center;display:flex;flex-flow:wrap;font-size:14px;justify-content:flex-start}.contact-item-icon{align-items:center;border-radius:360px;display:flex;font-size:24px;height:56px;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);width:56px}.contact-item-icon>svg{color:#fff}.contact-item-icon:hover{box-shadow:0 10px 28px rgba(0,0,0,.25),0 6px 10px rgba(0,0,0,.22)}@media (min-width:0) and (max-width:480px){.contact-item-icon-margin{margin-bottom:8px;margin-right:8px}}@media (min-width:481px){.contact-item-icon-margin{margin-bottom:8px;margin-right:16px}}.contact-container{grid-row-gap:16px;background-color:#262626;color:#222;display:grid;font-size:11px;grid-template-columns:auto;line-height:2em;text-align:center}.contact-social-group{align-items:center;display:flex;flex-flow:wrap;justify-content:center}.root-home{height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.work{align-items:flex-start;display:flex;justify-content:center}.route-fade-enter{opacity:0}.route-fade-enter.route-fade-enter-active{opacity:1;transition:opacity .6s ease-in-out}.route-fade-exit{display:none;opacity:1;position:fixed}.route-fade-exit.route-fade-exit-active{opacity:0;transition:opacity 0ms ease-in-out}#root,body,html{margin:0;padding:0;width:100%}#root,html{color:#333;font-family:Montserrat,sans-serif;font-size:12px;letter-spacing:2px;overflow-x:hidden}.text-unselectable{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clickable{cursor:pointer}clickable:focus{outline:none}a{-webkit-tap-highlight-color:rgba(255,255,255,0);animation:color-change 10s infinite;text-decoration:none}@keyframes color-change{0%{color:#2196f3}25%{color:#4caf50}50%{color:#ffc107}75%{color:#ff5722}to{color:#2196f3}}