*{--text-color:#fff;--background-color:#09090a;--accent-color:#2e96eb;-ms-overflow-style:none;color:var(--text-color);font-family:Azeret Mono;margin:0;padding:0;scrollbar-width:none;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}body{background-color:var(--background-color);overflow-x:hidden}::-webkit-scrollbar{display:none}h1{font-size:8vw;font-weight:700}p{font-size:clamp(10px,1.389vw,20px);font-weight:300;line-height:clamp(20px,2.36vw,34px)}svg{width:40px}.section{margin-bottom:200px;padding-left:6.67vw}.hero{height:calc(100vh - 100px);padding-left:100px;padding-right:100px;padding-top:100px}#typing-text{display:inline-block;position:relative}#typing-text:after{animation:blink-caret .6s step-end infinite;aspect-ratio:.544;background-color:#fff;content:"";height:100%;position:absolute;right:-7vw}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}#typing-text.finished:after{display:none}@keyframes typing{0%{width:0}to{width:auto}}.hero .title{align-items:end;display:flex;margin-left:-.4vw;position:relative;white-space:pre-wrap}.glow{background-color:var(--accent-color);border-radius:100%;box-shadow:200vw 0 1400px 80px var(--accent-color);filter:url(#noiseFilter);height:500px;opacity:.4;pointer-events:none;position:absolute;transform:translateX(-200vw);width:500px;z-index:900}.skills .category-header{font-size:40px}.skills .category-container{display:flex;flex-direction:column;gap:50px}.skills .subcategory{color:#bdbdbd;font-size:26px;font-weight:400;margin-bottom:10px;margin-top:20px}.skills .skill-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.section-header{border-bottom:2px solid #fff;font-size:4.167vw;font-weight:400;margin-bottom:60px}.skill-bar-container{display:flex;flex-direction:column;gap:10px}.skill-bar-container .name{font-size:24px}.skill-bar-container .bar{background-color:#e1e1e1;border-radius:10px;height:10px;overflow:hidden;width:100%}.skill-bar-container .progress{background-color:var(--accent-color);border-radius:0 10px 10px 0;height:100%}.skill-card{align-items:center;border-color:var(--text-color);border-radius:10px;border-style:solid;border-width:1px;display:flex;flex-direction:column;height:82px;justify-content:center;padding:5px;transition-duration:.2s;width:82px}.skill-card:hover{background-color:#666}.skill-card .name{font-size:13px;line-height:normal;text-align:center;width:100%}.project-container{display:flex;flex-direction:column;gap:50px;margin-right:50px}.card{grid-gap:40px;cursor:default;display:grid;gap:40px;grid-template-columns:26.876vw 1fr;text-decoration:none}.card *{pointer-events:none}.card p{white-space:pre-wrap}.card .project-info{display:flex;flex-direction:column;gap:20px;opacity:.4;transition-duration:.5s}.card:hover .project-info{opacity:1}.card .title{font-size:2.78vw;font-weight:400}.card:hover .video-container{opacity:1}.card .video-container,.card:hover .video-container{border-radius:10px;height:fit-content;overflow:hidden;pointer-events:none;transition-duration:.5s;width:26.876vw}.card .video-container{opacity:.1}.card:hover .image{opacity:1}.card .image,.card:hover .image{aspect-ratio:1.77786879;border-radius:10px;object-fit:cover;width:100%}.card .image{opacity:.1;transition-duration:.5s}.card .top-bar{align-items:center;display:flex;justify-content:space-between}.card .work-period{text-wrap:nowrap;color:#bdbdbd;font-size:1.6vw;font-weight:400}.card .company{color:#bdbdbd;font-size:1.04vw;font-weight:400;margin-top:6px}.info-cursor{background-color:#fff;border-radius:100%;pointer-events:none;position:fixed;transition:.1s;z-index:999}.nav-container{background-color:#09090ad2;position:fixed;width:100%;z-index:999}.nav-container.hidden{background-color:initial}.navbar{align-items:end;background-color:#09090ad2;display:flex;position:fixed;right:0;top:-4px}.nav-button{color:#bdbdbd;cursor:pointer;font-size:20px;margin-top:0;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;z-index:1}.navbar .nav-button:before{background-color:#fff;content:"";height:0;left:0;position:absolute;top:0;transition:height .3s ease,top .3s ease;width:100%;z-index:-1}.navbar .nav-button:hover:before{height:100%;top:0}.nav-button:hover{color:var(--background-color)}.hamburger-button{background:none;border:none;color:#b1b1b1;cursor:pointer;font-size:28px;padding:8px 12px;transition-duration:.2s;z-index:1001}.hamburger-button:hover{color:var(--text-color)}.mobile-navbar{display:none;flex-direction:column}.mobile-navbar.open{display:flex}.mobile-navbar.hidden{display:flex;flex-direction:column;width:0}.mobile-navbar .nav-button:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease,top .3s ease;width:0;z-index:-1}.mobile-navbar .nav-button:hover:before{top:0;width:100%}.experience-container{display:flex;flex-direction:column;gap:50px;padding-right:50px}.about-me .sections{display:flex}.about-me .image{aspect-ratio:.749367089;border-radius:10px 0 0 10px;object-fit:cover;width:39.6527778vw;z-index:999}.about-me .image-timer{background-color:#bdbdbd;border-radius:5px;height:10px;overflow:hidden;position:absolute;transform:translate(10px,-24px);width:calc(39.65278vw - 20px)}.about-me .image-timer .progress{background-color:var(--accent-color);border-radius:0 5px 5px 0;height:100%;width:0}@keyframes growShrink{0%{width:0}99.9%{width:100%}to{width:0}}.about-me .info{flex:1 1}.about-me .top{align-content:center;display:flex;gap:1.1vw;margin-bottom:60px}.about-me .highlighted{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--accent-color),#acadfe);-webkit-background-clip:text;background-clip:text;font-weight:700;white-space:pre-wrap}.about-me-text{font-size:1.67vw;white-space:pre-wrap}.about-me-text:last-child{margin-top:60px}.about-me .activity-container{--visible-items:3;--height:calc(11.69vw + clamp(7px, 0.6vw, 0.6vw)*7);height:calc(var(--visible-items)*1.67vw + var(--visible-items)*clamp(7px, .6vw, .6vw));max-height:var(--height);overflow-y:scroll;position:relative}.about-me .overlay{background:linear-gradient(var(--background-color),var(--background-color),#0000,var(--background-color),var(--background-color));height:200%;left:0;pointer-events:none;position:absolute;right:0;top:-50%;z-index:1}.about-me .activity-container p{font-size:1.67vw;position:relative;z-index:0}@keyframes bob{0%,to{transform:scale(3) translateY(0)}50%{transform:scale(3) translateY(-15px)}}.scroll-arrow{bottom:0;left:100px;opacity:1;position:fixed;transition-duration:.4s;width:150px;z-index:1000}.scroll-arrow.hidden{opacity:0}.scroll-arrow svg{animation:bob 1.5s ease-in-out infinite;transform:scale(3);transition:opacity .3s ease}.contact-me{flex-direction:row;height:100vh;margin-bottom:-150px;margin-right:100px;padding-left:6.67vw}.contact-me,.separator{align-items:center;display:flex}.separator{flex:1 1;justify-content:space-between}.separator h1{text-align:end;transform:translateX(8px)}.email{font-size:2.22vw;transition-duration:.2s}.link:hover{color:var(--accent-color)}.link *{pointer-events:none}.link:hover path{stroke:var(--accent-color)}.links{width:fit-content}.link-grid{grid-row-gap:8px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px;row-gap:8px;width:100%}.grid-link{align-items:center;display:flex;font-size:1.39vw;text-decoration:none;width:fit-content}.blog-list{display:flex;flex-direction:column;gap:50px;margin-right:100px;margin-top:130px}.blog-link{align-items:end;margin:16px 20px;position:fixed;right:0}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.blog-card{grid-gap:40px;cursor:default;display:grid;gap:40px;grid-template-columns:26.876vw 1fr;text-decoration:none}.blog-card *{pointer-events:none}.blog-card p{white-space:pre-wrap}.blog-card .project-info{display:flex;flex-direction:column;gap:20px;opacity:.4;transition-duration:.5s}.blog-card:hover .project-info{opacity:1}.blog-card .title{font-size:2.78vw;font-weight:400}.blog-card:hover .video-container{opacity:1}.blog-card .video-container,.blog-card:hover .video-container{border-radius:10px;height:fit-content;overflow:hidden;pointer-events:none;transition-duration:.5s;width:26.876vw}.blog-card .video-container{opacity:.1}.blog-card:hover .image{opacity:1}.blog-card .image,.blog-card:hover .image{aspect-ratio:1.77786879;border-radius:10px;object-fit:cover;width:100%}.blog-card .image{opacity:.1;transition-duration:.5s}.blog-card .top-bar{align-items:start;display:flex;flex-direction:column;justify-content:space-between}.blog-card .work-period{color:#bdbdbd;font-size:2.08vw;font-weight:400}.blog-card .company{color:#bdbdbd;font-size:1.04vw;font-weight:400;margin-top:6px}.blog-card .date-container{align-items:center;display:flex;gap:.8vw;justify-content:space-between}.blog-card .date-container p{color:var(--accent-color)}.blog-card .date-container img{height:clamp(14px,2.5vw,30px)}.category-button{background-color:initial;border:1px solid #fff;border-radius:100px;cursor:pointer;padding:8px 16px}.category-button.selected{background-color:#2e96eb50;border-color:var(--accent-color)}.blog{align-items:center;padding:30px 20px;text-align:center}.blog .back-button{background-color:initial;border:none;left:30px;position:fixed;top:30px}.blog .header>img{margin-bottom:40px;max-width:90vh;width:100%}.blog .header>img,.blog img{border-radius:10px}.blog h1{font-family:Helvetica,arial,freesans,clean,sans-serif;font-size:3em;margin-bottom:20px}.blog .date-container{align-items:center;display:flex;gap:.8vw;justify-content:center}.blog .date-container p{color:var(--accent-color)}.blog .date-container img{height:clamp(14px,2.5vw,30px)}.react-markdown *{color:#d3d3d3;font-family:Helvetica,arial,freesans,clean,sans-serif;font-size:16px;line-height:1.7}.react-markdown body{word-wrap:break-word;-webkit-font-smoothing:antialiased}.react-markdown{margin:100px auto auto;min-width:460px;text-align:start;width:60%}.react-markdown a{color:var(--accent-color);text-decoration:none}.react-markdown a:hover{text-decoration:underline}.react-markdown blockquote,.react-markdown dl,.react-markdown ol,.react-markdown p,.react-markdown pre,.react-markdown table,.react-markdown ul{margin:15px 0}.react-markdown ol,.react-markdown ul{padding-left:30px}.react-markdown h1{color:#fff;font-size:2.8em}.react-markdown h2{color:#fff;font-size:2em}.react-markdown h3{font-size:1.5em}.react-markdown h4{font-size:1.2em}.react-markdown h5{font-size:1em}.react-markdown h6{color:#777;font-size:1em}.react-markdown h1,.react-markdown h2,.react-markdown h3,.react-markdown h4,.react-markdown h5,.react-markdown h6{font-weight:700;line-height:1.7;margin:1em 0 15px}.react-markdown h1+p,.react-markdown h2+p,.react-markdown h3+p{margin-top:10px}.react-markdown img{max-width:100%}.react-markdown code,.react-markdown pre{background-color:#5e5e5e;border-radius:3px;font-family:Consolas,Liberation Mono,Courier,monospace;font-size:12px;margin:0 2px;padding:0 5px;white-space:pre}.react-markdown pre code{border:none;margin:0;padding:0;white-space:pre}.react-markdown table{border-collapse:collapse;font-family:arial,sans-serif;width:100%}.react-markdown td,.react-markdown th{border:1px solid #ddd;padding:8px;text-align:left}.scroll-progress-bar-container{left:0;position:fixed;top:0;width:100vw}.scroll-progress-bar-container .progress{background-color:var(--accent-color);border-radius:0 20px 20px 0;height:10px}
/*# sourceMappingURL=main.8640f46d.css.map*/