@import url(https://fonts.googleapis.com/css?family=Fira+Sans:bold);@import url(https://fonts.googleapis.com/css?family=PT+Serif:regular);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;height:100vh;justify-content:center;margin:0 10%;text-align:center}p{font-family:Fira Sans;font-size:4rem;margin:0}.leftSide{align-items:center;border-right:1px solid grey;display:flex;flex-direction:column;justify-content:center;padding:1rem;width:100%}.titleContainer{-webkit-animation:titleContainer .2s ease-in;animation:titleContainer .2s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.leftSide__cvButton{-webkit-animation:titleContainer .2s ease-in .2s;animation:titleContainer .2s ease-in .2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.leftSide__portfolioLink{-webkit-animation:titleContainer .2s ease-in .35s;animation:titleContainer .2s ease-in .35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-top:1rem;opacity:0}.leftSide__portfolioLink a{color:#666;font-family:"PT Serif",serif;font-size:1.1rem;text-decoration:none}.leftSide__portfolioLink a:hover{color:#e9967a}.engineer{font-family:"PT Serif";font-size:2rem;padding:.5rem}button{background-color:#e9967a;border:none;border-radius:2px;color:#fff;font-size:2vh;padding:.5rem;transition:opacity .2s ease,tranform .2s ease}button:hover{opacity:.7}button:active{-webkit-transform:scale(.98);transform:scale(.98)}.rightSide{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem;width:100%}.avatarImage{-webkit-animation:avatarImage .2s ease-in .3s;animation:avatarImage .2s ease-in .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;height:20rem;opacity:0}@-webkit-keyframes avatarImage{0%{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes avatarImage{0%{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes titleContainer{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes titleContainer{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.avatar-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:280px;justify-content:center;position:relative;-webkit-transform:translateY(-10%);transform:translateY(-10%);transition:-webkit-transform .2s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .2s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:280px}.avatar-wrapper:active{-webkit-transform:translateY(-10%) scale(.98);transform:translateY(-10%) scale(.98)}.canvas-avatar-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.pixel-avatar{max-height:100%;max-width:100%;object-fit:contain}.portfolio{background:#0a0a0a;color:#f2f2f2;min-height:100vh;padding:2rem clamp(1rem,4vw,3rem) 4rem}.portfolio-header{margin-bottom:2.5rem;text-align:center}.portfolio-header h1{font-family:Fira Sans,Segoe UI,system-ui,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:500;letter-spacing:.04em;margin:0}.portfolio-header p{color:#9a9a9a;font-size:.95rem;letter-spacing:.12em;margin:.35rem 0 .75rem;text-transform:uppercase}.portfolio-header__link{color:#c4c4c4;font-size:.85rem;text-decoration:none}.portfolio-header__link:hover{color:#fff}.portfolio-main{margin:0 auto;max-width:1400px}.portfolio .gallery-status{color:#888;font-family:Segoe UI,system-ui,sans-serif;padding:3rem 1rem;text-align:center}.portfolio .gallery-status--error{color:#e8a0a0;line-height:1.6;margin-left:auto;margin-right:auto;max-width:36rem}.portfolio .gallery-empty{color:#666;font-family:Segoe UI,system-ui,sans-serif;line-height:1.7;margin:0 auto;max-width:28rem;padding:4rem 1rem;text-align:center}.portfolio .gallery-empty a{color:#c4c4c4}.portfolio .gallery-empty a:hover{color:#fff}.portfolio .photo-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;margin:0;padding:0}@media (min-width:900px){.portfolio .photo-grid{gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.portfolio .photo-grid__item{aspect-ratio:1;background:#141414;margin:0;overflow:hidden}.portfolio .photo-grid__button{background:none;border:none;cursor:pointer;display:block;height:100%;padding:0;transition:opacity .2s ease;width:100%}.portfolio .photo-grid__button:hover{opacity:.88}.portfolio .photo-grid__button:focus-visible{outline:2px solid #fff;outline-offset:2px}.portfolio .photo-grid__button img{display:block;height:100%;object-fit:cover;width:100%}.portfolio .lightbox{align-items:center;-webkit-animation:portfolio-lightbox-in .2s ease;animation:portfolio-lightbox-in .2s ease;background:rgba(0,0,0,.94);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}@-webkit-keyframes portfolio-lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes portfolio-lightbox-in{0%{opacity:0}to{opacity:1}}.portfolio .lightbox__close{align-items:center;background:hsla(0,0%,100%,.12);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;height:2.75rem;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:background .15s ease;width:2.75rem;z-index:2}.portfolio .lightbox__close:hover{background:hsla(0,0%,100%,.22)}.portfolio .lightbox__figure{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0;max-height:92vh;max-width:min(96vw,1600px)}.portfolio .lightbox__image{display:block;height:auto;max-height:calc(92vh - 4rem);max-width:100%;object-fit:contain;width:auto}.portfolio .lightbox__caption{color:#ccc;font-family:Segoe UI,system-ui,sans-serif;font-size:.95rem;line-height:1.5;max-width:40rem;text-align:center}.portfolio .lightbox__caption strong{color:#fff;display:block;font-weight:500;margin-bottom:.25rem}.portfolio code{background:hsla(0,0%,100%,.08);border-radius:4px;font-size:.9em;padding:.1em .35em}
/*# sourceMappingURL=main.fb98b99f.css.map*/