@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#0f172a;--box-background-color:#6c7a89;--tag-background-color:#22a89c1a;--highlighted-text-color:#61ead5;--normal-text-color:#e0e7e9;--secondary-text-color:#8892b0;counter-reset:headings}@media (prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}.container{margin:0 auto;max-width:1000px;padding:0 50px}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}.title{color:#e0e7e9;color:var(--normal-text-color);counter-increment:headings;margin-left:20px}.title:before{color:#61ead5;color:var(--highlighted-text-color);content:"0" counter(headings) ".";font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;margin-right:5px}.title:after{background-color:#cbd5e11a;box-sizing:inherit;content:"";display:inline-block;height:1px;margin-left:20px;position:relative;top:-5px;width:300px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172ad9;box-shadow:0 10px 30px -10px #020a16b3;position:fixed;top:0;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1000}nav{align-items:center;counter-reset:anchors;display:flex;justify-content:flex-end;padding-bottom:15px;padding-right:50px;padding-top:15px}.nav .nav-item{display:inline-block;margin-right:20px}.nav .nav-item a{counter-increment:anchors;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.nav .nav-item a:before{content:"0" counter(anchors) ".";font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:1rem;margin-right:5px;text-align:right}.nav .nav-item a:before,.nav .nav-item a:hover{color:#61ead5;color:var(--highlighted-text-color)}.nav .nav-item a:hover{cursor:pointer}.header-content{align-items:center;display:flex;justify-content:space-between}.icon-container{padding-left:50px}.nav-link{color:#e0e7e9;color:var(--normal-text-color);text-decoration:none}.nav-link:hover{color:#61ead5;color:var(--highlighted-text-color)}.back-button,.nav-link-ind{align-items:center;color:#e0e7e9;color:var(--normal-text-color);display:inline-flex;font-size:20px;font-weight:600;line-height:1.25;margin-bottom:.5rem;text-decoration:none}.nav-link-ind{margin-left:20px}.back-button:hover,.nav-link-ind:hover{color:#61ead5;color:var(--highlighted-text-color)}.hide{opacity:0;transform:translateY(-100%)}.resume-button{background-color:initial;border:1px solid #61ead5;border:1px solid var(--highlighted-text-color);border-radius:.25rem;color:#61ead5;color:var(--highlighted-text-color);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:1rem;line-height:1;margin-left:15px;padding:.75rem 1rem;text-decoration-color:inherited;text-decoration-color:initial;text-decoration:none;transition:all .3s ease}.resume-button:hover{box-shadow:0 0 10px #61ead5;box-shadow:0 0 10px var(--highlighted-text-color)}body{background-color:#0f172a;background-color:var(--background-color);color:#e0e7e9;color:var(--normal-text-color);font-family:Inter,sans-serif;margin:0;padding-top:0}#spotlight{height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:background .2s;width:100%}.cover{align-items:left;display:flex;flex-direction:column;justify-content:center}.cover h1{color:var(--noraml-text-color)}#description{font-size:20px;margin:0;padding:0}#cover-name{color:#61ead5;color:var(--highlighted-text-color)}#cover-name,#intro{font-size:75px;margin:0;padding:0}#info{color:#8892b0;color:var(--secondary-text-color)}.about-me{flex-direction:column}.about-me,.about-me-content,.education-content{align-items:start;display:flex;justify-content:space-between}.education-content{flex-direction:column;margin-left:20px}.text-section{width:65%}.image-section{margin-top:30px;max-width:300px;position:relative}.profile-image{height:auto;max-width:100%}.introduction{color:#8892b0;color:var(--secondary-text-color);line-height:1.5;margin-left:20px;margin-top:30px}@media (max-width:1024px){.about-me-content{align-items:center;flex-direction:column}.text-section{margin-top:20px;padding-left:0;width:100%}.image-section{display:flex;justify-content:center;margin-top:20px;max-width:80%}}.experience-row{align-items:center;display:grid;grid-template-columns:1fr 2fr;margin-bottom:20px}.experience-time{align-items:flex-start;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:flex-start;text-align:right}.experience-time p{color:#8892b0;color:var(--secondary-text-color)}.experience-details{padding-left:20px}.experience-details h3{color:var(--noraml-text-color);font-size:20px}.experience-details p{color:#8892b0;color:var(--secondary-text-color)}@media (max-width:1024px){.experience-row{grid-template-columns:1fr}.experience-time{margin-bottom:0;text-align:left}.experience-time p{margin-bottom:0}.experience-details{padding-left:0}.experience-details h3{font-size:18px;margin-top:.5rem}}.project-row{align-items:start;display:grid;grid-template-columns:1fr 2fr;margin-bottom:50px}.project-image img{height:auto;max-width:100%}.project-details{padding-left:20px}.project-details h3{color:var(--noraml-text-color);font-size:20px;margin-bottom:.25rem;margin-top:0}.project-details p{color:#8892b0;color:var(--secondary-text-color);margin-top:0}@media (max-width:1024px){.project-row{grid-template-columns:1fr}.project-details{margin-top:10px;padding-left:0}.project-image{margin-bottom:0}}.experience-row,.project-row{background-color:initial;border-radius:5px;opacity:1;padding:20px;position:relative;transition:background-color .3s ease}.experience-row.hovered,.project-row.hovered{background-color:#94a3b81a;box-shadow:0 10px 30px -10px #020a16b3}.experience-row:not(.hovered),.project-row:not(.hovered){opacity:.5}.experience-row,.project-row{transition:opacity .3s ease}.experience-row.default,.project-row.default{opacity:1}section{align-content:center;display:grid;min-height:70vh;place-items:center}#cover{margin-left:20px;min-height:100vh}.auto-type{color:#61ead5;color:var(--highlighted-text-color);font-weight:700}.hidden{filter:blur(5px);opacity:0;transform:translateX(-100%);transition:all 1s}@media(prefers-reduced-motion){.hidden{transition:none}}.show{filter:blur(0);opacity:1;transform:translateX(0)}.card{outline:0}.box{background-color:#6c7a89;background-color:var(--box-background-color)}.tag-list{display:flex;flex-wrap:wrap;list-style-type:none;margin:.5rem 0 0;padding:0}.tag-list li{margin-bottom:.5rem;margin-right:.375rem}.tag{align-items:center;background-color:#22a89c1a;background-color:var(--tag-background-color);border-radius:9999px;display:flex;line-height:1.25rem;padding:.25rem .75rem}.tag,h1,h2,h3{color:#61ead5;color:var(--highlighted-text-color)}footer{background-color:#0f172a;background-color:var(--background-color);color:#e0e7e9;color:var(--normal-text-color);font-size:.875rem;line-height:1.25rem;margin-top:2rem;padding:1rem;text-align:center}#archive{margin-bottom:5rem;margin-top:5rem}.table{border-collapse:collapse;margin-top:12px;text-align:left;width:100%}.table thead{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-width:1px;border-color:#cbd5e11a;padding:1.5rem 1.25rem;position:sticky;top:0;z-index:10}.table thead tr th{color:#e0e7e9;color:var(--normal-text-color);font-size:.875rem;font-weight:600;line-height:1.25rem;padding:1rem 2rem 1rem 0}.table tbody tr{border-bottom:1px solid #cbd5e11a}.table tbody tr:last-of-type{border-bottom-width:0}tbody{display:table-row-group;unicode-bidi:isolate;vertical-align:middle}.project-year{color:#8892b0;color:var(--secondary-text-color);font-size:.875rem;line-height:1.25rem}.project-name,.project-year{padding:1rem 1rem 1rem 0;vertical-align:top}.project-name{color:#e0e7e9;color:var(--normal-text-color);font-size:1rem;font-weight:600;line-height:1.375}.project-type{color:#8892b0;color:var(--secondary-text-color);display:table-cell;font-size:.875rem;line-height:1.25rem;padding:1rem 1rem 1rem 0;vertical-align:top}.project-type div{transform:translateY(1px)}.project-tech{display:table-cell;padding:1rem 1rem 1rem 0;vertical-align:top}.project-tag-list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;transform:translateY(-.375rem)}.project-tag{align-items:center;background-color:#22a89c1a;background-color:var(--tag-background-color);border-radius:9999px;color:#61ead5;color:var(--highlighted-text-color);display:flex;margin:.25rem .375rem .25rem 0;padding:.25rem .75rem}.project-remarks,.project-tag{font-size:.875rem;line-height:1.25rem}.project-remarks{color:#8892b0;color:var(--secondary-text-color);display:table-cell;padding:1rem 1rem 1rem 0;vertical-align:top}.project-remarks div{transform:translateY(1px)}.back-logo{height:1rem;margin-right:.25rem;transform:rotate(180deg);transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}.back-logo:hover{transition:transform .3s ease}.go-logo{height:1rem;margin-left:.25rem;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact h1{color:var(--noraml-text-color)}.contact p{color:#8892b0;color:var(--secondary-text-color);font-size:1rem;margin-top:10px}.contact h1,.contact p{margin-left:20px}.email-button{background-color:initial;border:1px solid #61ead5;border:1px solid var(--highlighted-text-color);border-radius:.25rem;color:#61ead5;color:var(--highlighted-text-color);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:1rem;line-height:1;margin-top:15px;padding:.75rem 1rem;text-decoration-color:inherited;text-decoration-color:initial;text-decoration:none;transition:all .3s ease}.email-button:hover{box-shadow:0 0 10px #61ead5;box-shadow:0 0 10px var(--highlighted-text-color)}.social-icons{display:block;margin:0 auto 10px;max-width:270px;width:100%}.social-icons ul{align-items:center;display:flex;justify-content:space-between;list-style:none;list-style-image:none;margin:0;padding:0}ul a svg{color:#8892b0;color:var(--secondary-text-color);height:20px;transition:transform .3s ease,color .3s ease;width:20px}ul a svg:hover{color:#61ead5;color:var(--highlighted-text-color);transform:translateY(-2px)}.foot{color:#8892b0;color:var(--secondary-text-color)}
/*# sourceMappingURL=main.c1992f85.css.map*/