body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#0f172a;background-size:cover;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;height:100%;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#0f172a}#root{align-items:center;display:flex;justify-content:center;margin:0}.outer-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 24px;width:100%}.right-container{flex:none;flex-grow:0;order:1;width:100%}@media (min-width:1150px){.outer-container{flex-direction:row;padding:0 96px;width:70%}.right-container{width:55%}}.on-load-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader{animation:spin 2s linear infinite;border:16px solid #eee;border-radius:50%;border-top-color:#5eead4;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-caption{color:#e2e8f0;font-size:36px;font-style:normal;font-weight:700;line-height:58px;text-align:center}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.left-container{height:auto;width:100%}.header-frame,.left-container{align-items:flex-start;display:flex;flex-direction:column}.header-frame{gap:16px;padding:0}.name-position-frame{align-items:flex-start;display:flex;flex-direction:column;gap:12px;padding:48px 0 0}.header-name{font-size:36px;font-weight:700;line-height:58px}.header-current-role,.header-name{color:#e2e8f0;font-style:normal;margin:0}.header-current-role{font-size:20px;font-weight:500;line-height:24px}.header-quote{color:#94a3b8;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.04em;line-height:19px}.header-quote,.svg-container{align-items:center;display:flex}.svg-container{flex-direction:row;gap:20px;margin-top:32px}.hoverable-svg:hover{cursor:pointer}.hoverable-svg:hover path{fill:#e2e8f0;transition:fill .3s ease}@media (min-width:1150px){.header-name{font-size:48px}.left-container{height:100vh;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:45%}.svg-container{padding:0 0 96px}.name-position-frame{padding:96px 0 0}}@media (max-width:1150px){.nav-btn-container{display:none}}.container{align-items:center;color:#94a3b8;display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:700;gap:20px;line-height:15px;padding:12px 0}.line-svg{transition:width .2s ease-in-out}.container:hover{cursor:pointer}.container:hover .line-svg{width:64px}.container:hover .line-svg path{fill:#e2e8f0}.container.active .nav-btn-title,.container:hover .nav-btn-title{color:#e2e8f0}.about-me{margin-top:96px}.disappearing-header{color:#e2e8f0;font-size:14px;font-style:normal;font-weight:700;letter-spacing:1.5px;line-height:17px;margin:0;padding-bottom:28px}@media (min-width:1150px){.disappearing-header{height:0;padding:0;visibility:hidden}}.quote{color:#e2e8f0;font-size:20px;font-style:italic;line-height:24px;margin-bottom:20px;margin-top:0}.caption-1{margin-bottom:16px}.caption-1,.caption-2{align-items:center;color:#94a3b8;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.04em;line-height:25px}.caption-2{margin-bottom:144px}.experience-container{display:flex;flex-direction:column;gap:20px}@media (min-width:1150px){.experience-container{gap:48px}.experience-container:hover .exp-outer-container{filter:opacity(.3);transition:filter .3s}.experience-container .exp-outer-container:hover{filter:opacity(1);transition:filter .3s}}.exp-outer-container{align-items:flex-start;align-self:stretch;border-radius:12px;color:inherit;flex-direction:column;gap:8px;margin:-16px -24px;padding:16px 24px;text-decoration:none}.exp-left-container,.exp-outer-container{display:flex;flex:none;flex-grow:0;order:0}.exp-left-container{align-items:center;color:#94a3b8;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.04em;line-height:19px;width:100%}.exp-right-container{flex:none;flex-grow:0;order:1;width:100%}.exp-role-header-container{align-items:flex-end;display:flex;flex-direction:row;gap:12px}.exp-role-header{color:#e2e8f0;font-size:16px;font-style:normal;font-weight:700;line-height:19px;margin:0;padding:0}.exp-arrow-svg{transform:translateY(-2px)}.exp-role{color:#e2e8f0;font-size:16px;font-style:normal;font-weight:400;line-height:19px;margin-top:8px}.exp-details{align-items:center;color:#94a3b8;font-size:14px;font-style:normal;font-weight:450;letter-spacing:.04em;line-height:25px;margin:0;padding:12px 0 0 20px}@media (min-width:1150px){.date-break{display:block}.exp-outer-container{flex-direction:row;gap:20px}.exp-left-container{font-size:16px;width:32%}.exp-right-container{width:60%}.exp-outer-container:hover{background-color:#344e5b40;cursor:pointer;transition:background-color .3s}.exp-outer-container:hover .exp-role-header{color:#5eead4;transition:color .3s}.exp-outer-container:hover .exp-arrow-svg{transform:translate(3px,-5px);transition:transform .3s}.exp-outer-container:hover .exp-arrow-svg path{fill:#5eead4;transition:fill .3s}}@media (max-width:1150px){.exp-outer-container{background-color:#344e5b40;margin:0;padding:16px 24px}.exp-role-header-container:hover .exp-role-header{color:#5eead4;transition:color .3s}.exp-role-header-container:hover .exp-arrow-svg{transform:translate(3px,-5px);transition:transform .3s}.exp-role-header-container:hover .exp-arrow-svg path{fill:#5eead4;transition:fill .3s}}.lang-frame{align-items:center;background:#134e4a80;border-radius:999999px;color:#5eead4;display:inline-flex;font-size:12px;font-style:normal;font-weight:500;justify-content:center;letter-spacing:.04em;line-height:17px;min-width:60px;padding:4px 12px}.resume-btn-container{align-items:flex-end;display:flex;flex-direction:row;gap:12px;margin-bottom:144px;margin-top:12px;text-decoration:none}.resume-btn-caption{color:#e2e8f0;font-size:14px;font-style:normal;font-weight:650;line-height:19px;margin:0;padding:0}.resume-arrow-svg{transform:translateY(-2px)}.resume-btn-container:hover .resume-btn-caption{color:#5eead4;transition:color .3s}.resume-btn-container:hover .resume-arrow-svg{transform:translate(3px,-5px);transition:transform .3s}.resume-btn-container:hover .resume-arrow-svg path{fill:#5eead4;transition:fill .3s}@media (min-width:1150px){.resume-btn-container{margin-top:32px}.resume-btn-caption{font-size:16px;font-weight:700}}.footer{color:#94a3b8;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.04em;line-height:25px;margin-bottom:36px;margin-top:64px}.footer-link{color:#e2e8f0;margin:0 4px;text-decoration:none}.footer-link:hover{color:#5eead4;transition:color .3s}@media (min-width:1150px){.footer{margin-bottom:96px;margin-top:144px}}.proj-container{display:flex;flex-direction:column;gap:20px}@media (min-width:1150px){.proj-container{gap:48px}.proj-container:hover .proj-outer-container{filter:opacity(.3);transition:filter .3s}.proj-container .proj-outer-container:hover{filter:opacity(1);transition:filter .3s}}.proj-outer-container{align-items:flex-start;align-self:stretch;border-radius:12px;color:inherit;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:20px;margin:-16px -24px;order:0;padding:16px 24px;text-decoration:none}.proj-img-small{display:none}.proj-img-large{display:block;margin:12px 0}.proj-left-container{align-items:center;color:#94a3b8;display:flex;flex:none;flex-grow:0;font-size:16px;font-style:normal;font-weight:500;letter-spacing:.04em;line-height:19px;margin:0 auto;order:0;width:90%}.proj-right-container{flex:none;flex-grow:0;order:1;width:100%}.proj-header-container{align-items:flex-end;display:flex;flex-direction:row;gap:12px}.proj-header{color:#e2e8f0;font-size:16px;font-style:normal;font-weight:700;line-height:19px;margin:0;padding:0;width:auto}.proj-arrow-svg{transform:translateY(-2px)}.proj-details{align-items:center;color:#94a3b8;font-size:14px;font-style:normal;font-weight:450;letter-spacing:.04em;line-height:25px;margin:12px 0 0;padding:0}.lang-container{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px}.date-break{display:none}@media (min-width:1150px){.proj-img-small{display:block}.proj-img-large{display:none}.proj-outer-container{flex-direction:row}.proj-left-container{margin:0;width:32%}.proj-right-container{width:60%}.proj-outer-container:hover{background-color:#344e5b40;cursor:pointer;transition:background-color .3s}.proj-outer-container:hover .proj-header{color:#5eead4;transition:color .3s}.proj-outer-container:hover .proj-arrow-svg{transform:translate(3px,-5px);transition:transform .3s}.proj-outer-container:hover .proj-arrow-svg path{fill:#5eead4;transition:fill .3s}}@media (max-width:1150px){.proj-outer-container{background-color:#344e5b40;margin:0;padding:16px 24px}.proj-header-container:hover .proj-header{color:#5eead4;transition:color .3s}.proj-header-container:hover .proj-arrow-svg{transform:translate(3px,-5px);transition:transform .3s}.proj-header-container:hover .proj-arrow-svg path{fill:#5eead4;transition:fill .3s}}
/*# sourceMappingURL=main.111665c0.css.map*/