html{width:100%}body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e0e0f;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6,p{font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;margin:0;padding:0;vertical-align:baseline}h2{font-size:24px}button{background-color:#0099a3;border:0;color:#fff;cursor:pointer}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bio{display:inline-block;box-sizing:border-box;margin:0 24px;height:100%;font-family:Lato;align-content:center;justify-content:center;color:#fff;font-size:2rem}.chip-badge{background-color:#0099a3;border-radius:4px;color:#fff;display:inline-block;margin:0 4px 4px 0;padding:4px 8px}.popup-wrapper{display:grid;grid-template-rows:100%;grid-template-columns:100%;position:fixed;width:100%;height:100%;top:0;left:0;--animation-time: .5s}.popup-wrapper .popup-content{background-color:#1e1e23;border-radius:24px;box-sizing:border-box;color:#fff;grid-column:1;grid-row:1;margin:auto;position:relative;transform:scale(1);transition:all var(--animation-time, 0);z-index:5}.popup-wrapper .popup-overlay{background-color:#aaaa;color:#fff;grid-column:1;grid-row:1;margin:0;opacity:1;z-index:1;transition:opacity var(--animation-time, 0)}.popup-wrapper.unmounted .popup-content{transform:scale(0)}.popup-wrapper.unmounted .popup-overlay{opacity:0}.gallery-item-popup{--has-arrows: 1;--expected-img-width: 500px;--max-img-width: calc(100vw - 80px - (var(--has-arrows) * 80px));--img-width: min(var(--expected-img-width), var(--max-img-width)) ;--img-margin: 24px;--wrapper-width: calc(var(--img-width) + var(--img-margin));margin:0 auto;max-height:90vh;overflow-y:auto;padding:16px;position:relative;width:max-content}.gallery-item-popup .close-button{background-color:transparent;border-radius:1000px;color:#0099a3;position:absolute;top:16px;right:16px;border:0;padding:0;margin:0}.gallery-item-popup .close-button i{font-size:32px}.gallery-item-popup h2{color:#0099a3;margin:4px 0 8px;text-align:center}.gallery-item-popup .image-carousel{display:flex;flex-direction:row;align-items:center}.gallery-item-popup .image-carousel button{background-color:#0099a3;border-radius:18px;height:36px;width:36px;color:#fff}.gallery-item-popup .image-carousel button i{height:24px;width:24px}.gallery-item-popup .image-carousel .image-wrapper{--index: 0;width:var(--wrapper-width);overflow:hidden;display:flex}.gallery-item-popup .image-carousel .image-wrapper .image-fixed-size{margin:0 12px;transition:transform .5s;transform:translate(calc(var(--index) * var(--wrapper-width) * -1));display:flex;align-items:center}.gallery-item-popup .image-carousel .image-wrapper .image-fixed-size img{object-fit:contain;width:var(--img-width);height:min-content;max-height:max(200px,100vh - 320px)}.gallery-item-popup p{margin:8px auto 16px;width:var(--img-width);text-align:center}.gallery-item-popup p a{align-items:center;background-color:#0099a3;border-radius:32px;color:#fff;display:inline-flex;text-decoration:none;font-size:24px;padding:8px 24px}.gallery-item{background-color:#1e1e23;border-radius:12px;box-shadow:8px 8px 12px #00000040;margin:8px;padding:24px;color:#fff;transform:scale(1);transition:transform .1s}.gallery-item.clickable:hover{transform:scale(1.03)}.gallery-item.clickable{cursor:pointer}.gallery-item figure{margin:0}.gallery-item figure figcaption{color:#0099a3;font-size:20px;margin-bottom:12px;text-align:center}.gallery-item figure img{height:var(--card-image-height);width:var(--card-image-width);object-fit:contain}.gallery-item .figure-placeholder{width:var(--card-image-width);height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.gallery-item .figure-placeholder .placeholder{color:#0099a3;font-size:3rem;display:flex;align-items:center;justify-content:center;flex:1}.gallery-item .figure-placeholder .placeholder-subtitle{flex:0}.gallery-item .tech-chips{margin:10px 0}.gallery{--card-image-height: 200px;--card-image-width: 250px;display:grid;grid-template-columns:1fr;justify-content:center;justify-items:center;width:min-content}@media screen and (min-width: 720px){.gallery{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1080px){.gallery{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width: 1200px){.gallery{--card-image-height: 240px;--card-image-width: 300px;grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width: 1600px){.gallery{--card-image-height: 320px;--card-image-width: 400px;grid-template-columns:1fr 1fr 1fr}}.switch{margin-bottom:16px;width:max-content}.switch input[type=radio]{display:none}.switch input[type=radio]+label{background-color:#fff;border-radius:8px;cursor:pointer;padding:8px;-webkit-user-select:none;user-select:none}.switch input[type=radio]:checked+label{background-color:#0099a3}.switch .switch-button:first-child label{border-radius:8px 0 0 8px}.switch .switch-button:last-child label{border-radius:0 8px 8px 0}.simple-photo-wrapper #original-photo{width:200px;height:200px;border-radius:50%}.main-page .page-1{display:flex;flex-direction:column-reverse;gap:24px;text-align:center;max-width:1100px;box-sizing:border-box;margin:100px auto;align-items:center;justify-content:center}.main-page .page-1 .card-content{display:flex;align-items:center}.main-page .page-2{margin:100px auto;width:min-content;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 600px){.main-page .page-1{margin:100px 20px}.main-page .page-1 .card-content{flex-direction:column}}