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{--card-light:#fff;--card-dark:#1e1e20;--card-color:var(--card-light);--bg-light:#f7f7f8;--header-light:#fff;--header-dark:#1e1e20;--bg-dark:#2b2b2e;--text-light:#202123;--text-dark:#fff;--bg-color:var(--bg-light);--text-color:var(--text-light);--header-color:var(--bg-light);--input-light:#fff;--input-dark:#1e1e20;--input-bg:var(--input-light);--placeholder-light:#202123;--placeholder-dark:#e0e0e0;--placeholder-color:var(--placeholder-light);--footer-light:#f7f7f8;--footer-light:#fff;--footer-dark:#1e1e20;--footer-bg:var(--footer-light);--footer-text:var(--text-light);--footer-shadow:0 -2px 6px #0000001a;--divider-color:#0003;--code-bg:#e8e8e8;--code-text:#202123;--time-color:#555;--scroll-btn-bg:#f2f2f2;--scroll-btn-text:#000;--scroll-btn-hover:#ddd;--scroll-btn-border:#ccc;--terminal-bg:#f5f5f5;--terminal-text:#111;--terminal-comment:green;--toc-bg:#f0f0f0;--toc-text:#000;--toc-hover:#333;--popup-bg:var(--card-light);--popup-text:var(--text-light);--button-bg:#f0f0f0;--button-hover:#e0e0e0;--button-border:#ccc}body.dark{--bg-color:var(--bg-dark);--text-color:var(--text-dark);--header-color:var(--header-dark);--card-color:var(--card-dark);--input-bg:var(--input-dark);--placeholder-color:var(--placeholder-dark);--footer-bg:var(--footer-dark);--footer-text:var(--text-dark);--footer-shadow:0 -2px 6px #0000004d;--divider-color:#fff3;--code-bg:#1e1e20;--code-text:#fff;--time-color:#aaa;--scroll-btn-bg:#1e1e20;--scroll-btn-text:#fff;--scroll-btn-hover:#2c2c2e;--scroll-btn-border:#444;--terminal-bg:#111;--terminal-text:#f5f5f5;--terminal-comment:#00ff80;--toc-bg:#1e1e20;--toc-text:#ccc;--toc-hover:#fff;--popup-bg:var(--card-dark);--popup-text:var(--text-dark);--button-bg:#1e1e20;--button-hover:#2a2a2d;--button-border:#444}body{background-color:#f7f7f8;background-color:var(--bg-color);color:#202123;color:var(--text-color);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.6;margin:0;transition:background-color .3s ease,color .3s ease}.container{margin:0 auto;max-width:1200px;width:100%}header{background-color:#f7f7f8;background-color:var(--header-color);box-shadow:0 2px 6px #00000026;color:#202123;color:var(--text-color);height:80px;justify-content:space-between;padding:0 2rem;position:relative;transition:background-color .3s ease,color .3s ease;z-index:5}.logo,header{align-items:center;display:flex}.logo{font-size:1.25rem;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px #0003;white-space:nowrap}.cursor{animation:blink 1s steps(2,start) infinite;background:#f36;height:24px;margin-left:5px;width:10px}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}nav.menu{align-items:center;display:flex}nav.menu a{color:inherit;font-family:Arial,sans-serif;margin-left:20px;text-decoration:none}.theme-toggle{font-size:1.2rem;margin-left:20px}.menu-toggle{cursor:pointer;display:none;font-size:1.5rem;margin-left:20px}.mobile-menu{background-color:#f7f7f8;background-color:var(--bg-color);border-radius:4px;box-shadow:0 4px 10px #0000004d;display:none;flex-direction:column;padding:1rem;position:absolute;right:2rem;top:80px;z-index:9}.mobile-menu,.mobile-menu a{color:#202123;color:var(--text-color)}.mobile-menu a{font-family:Arial,sans-serif;padding:.5rem 0;text-decoration:none}.mobile-menu.open{display:flex}#tsparticles{left:0;position:fixed;position:absolute;top:0;z-index:0}main{padding:1rem 2rem 2rem;position:relative;z-index:1}@media (max-width:768px){nav.menu a{display:none}.menu-toggle{display:block}}body:not(.dark) .card h3,body:not(.dark) .card p{color:#202123}body.dark .card h3,body.dark .card p{color:#eee}input::placeholder,textarea::placeholder{color:#202123;color:var(--placeholder-color);opacity:1}nav.menu a:hover{text-decoration:underline}nav.menu a{transition:-webkit-text-decoration .2s ease;transition:text-decoration .2s ease;transition:text-decoration .2s ease,-webkit-text-decoration .2s ease}blockquote{border-left:4px solid #888;color:var(--quote-color);padding-left:1rem}imgpost{border:1px solid #444;border-radius:6px;margin:1rem 0}code,imgpost{max-width:100%}code{background:#e8e8e8;background:var(--code-bg);border-radius:3px;color:#202123;color:var(--code-text);display:inline;font-family:Fira Code,monospace;font-size:.95em;padding:.2rem .4rem}code,pre{word-wrap:break-word;overflow-x:auto;white-space:pre-wrap}pre{background-color:#1e1e1e;border-radius:8px;max-width:100%;overflow:auto;padding:1rem}.toc-toggle{color:#ccc;transition:transform .3s ease,box-shadow .3s ease}.toc,.toc-toggle{background-color:#1e1e20}.toc a{color:#ccc}.toc a:hover{box-shadow:0 0 10px #fff3;transform:scale(1.05)}.post-info{color:#202123;color:var(--text-color);font-size:.95rem;margin-bottom:1rem;margin-top:1rem}.post-info p{align-items:center;display:flex;gap:.5rem;margin:.5rem 0}.post-info .icon{stroke:#202123;stroke:var(--text-color);opacity:.8}.post-info hr{border:none;border-top:1px solid #0003;border-top:1px solid var(--divider-color);margin:.2rem 0}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.sharing-buttons{display:flex;flex-wrap:wrap;gap:clamp(1rem,5vw,5rem);justify-content:center;margin-top:2rem}.resp-sharing-button__link{text-decoration:none}.resp-sharing-button{align-items:center;background-color:#f0f0f0;background-color:var(--button-bg);border-radius:6px;box-shadow:0 2px 4px #0003;display:flex;height:44px;justify-content:center;transition:background-color .3s ease,transform .2s ease;width:44px}.resp-sharing-button:hover{background-color:#e0e0e0;background-color:var(--button-hover);transform:scale(1.55)}.resp-sharing-button__icon svg{stroke:#202123;stroke:var(--text-color);height:24px;width:24px}.resp-sharing-button--hackernews svg,.resp-sharing-button--reddit svg{fill:#202123;fill:var(--text-color);stroke:none}.sharing-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.sharing-label{color:#202123;color:var(--text-color);font-size:1rem;font-weight:700;margin-right:.5rem;white-space:nowrap}img{border-radius:8px;box-shadow:0 2px 8px #00000026;display:block;height:auto;margin:1rem auto;max-width:100%}.card-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding-left:3rem;padding-right:3rem}.card{background-color:#fff;background-color:var(--card-color);border-radius:10px;box-shadow:0 4px 10px #0000004d;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s ease;transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.card:hover{box-shadow:0 0 15px #58a6ffb3;transform:scale(1.15)}.card img{height:180px;object-fit:cover;width:100%}.card-content{display:flex;flex-direction:column;flex-grow:1;margin-top:-1rem;padding:1.25rem}.card h3{font-size:1.25rem;margin:0 0 .75rem}.card p{color:#fff;color:var(--card-color);flex-grow:1;font-size:.95rem;margin-top:.5rem}.card time{color:#555;color:var(--time-color);display:block;font-size:.85rem;margin-top:-.5rem;text-align:right}footer{background-color:#fff;background-color:var(--footer-bg,#1e1e20);box-shadow:0 -2px 6px #0000001a;box-shadow:var(--footer-shadow,0 -2px 6px #0003);color:#202123;color:var(--footer-text,#ccc);font-size:.85rem;padding:.02rem 1rem;text-align:center}.post-content,.post-title{padding-left:10%;padding-right:10%}#scrollTopBtn{background-color:#f2f2f2;background-color:var(--scroll-btn-bg);border:1px solid #ccc;border:1px solid var(--scroll-btn-border);border-radius:12px;bottom:40px;box-shadow:0 2px 10px #0000004d;color:#000;color:var(--scroll-btn-text);cursor:pointer;display:none;font-family:Fira Code,monospace;font-size:20px;outline:none;padding:10px 16px;position:fixed;right:30px;transition:background-color .3s ease,transform .2s ease;z-index:99}#scrollTopBtn:hover{background-color:#ddd;background-color:var(--scroll-btn-hover);font-family:Fira Code,monospace;transform:scale(1.15)}#scrollTopBtn .arrow-only{display:none}#scrollTopBtn .text{display:inline}@media (max-width:600px){#scrollTopBtn{padding:10px 14px}#scrollTopBtn .arrow-only{display:inline}#scrollTopBtn .text{display:none}}.pagination{display:flex;flex-wrap:nowrap;gap:1rem;justify-content:center;margin:2rem auto;max-width:100%;overflow-x:auto;padding:0 1rem}.pagination-button{align-items:center;background-color:#f2f2f2;background-color:var(--scroll-btn-bg,#2c2c2e);border:1px solid #ccc;border:1px solid var(--scroll-btn-border,#444);border-radius:12px;color:#000;color:var(--scroll-btn-text,#fff);display:flex;flex:1 1 300px;flex-shrink:1;font-family:inherit;font-weight:700;gap:8px;max-width:100%;overflow:hidden;padding:10px 16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;word-spacing:-.1em}.pagination-button:hover{background-color:#ddd;background-color:var(--scroll-btn-hover,#3a3a3d);box-shadow:0 0 15px #58a6ffb3;transform:scale(1.1)}.pagination-button .label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-button .icon{flex-shrink:0;font-size:18px}body,html{height:100%;margin:0}.page{display:flex;flex-direction:column;min-height:100vh}.centered-message{align-items:center;color:#202123;color:var(--text-color);display:flex;font-size:1.2rem;font-weight:700;justify-content:center;min-height:40vh;text-align:center}.pagination__buttons{display:flex;flex-wrap:nowrap;gap:1rem;justify-content:center;margin-top:0}.pagination__buttons .pagination-button{flex:0 1 auto;max-width:100%}.pagination__buttons:has(.pagination-button:only-child){justify-content:center}pre code.terminal{background-color:#f5f5f5;background-color:var(--terminal-bg);border-radius:8px;color:#111;color:var(--terminal-text);display:block;font-family:monospace;overflow-x:auto;padding:1rem;white-space:pre}pre code.terminal .comment{color:green;color:var(--terminal-comment);font-style:italic}blockquote{background-color:#e6f0ff;border-left:4px solid #39f;border-radius:6px;color:#036;font-style:italic;margin:1rem 0;padding:1rem}.toc-toggle{color:#000;color:var(--toc-text);cursor:pointer;font-size:.9rem;left:0;padding:.8rem 1rem;top:100px;z-index:9999}.toc,.toc-toggle{background-color:#f0f0f0;background-color:var(--toc-bg);border:1px solid #444;border-radius:0 8px 8px 0;position:fixed}.toc{border-left:none;left:-250px;padding:1rem;top:160px;transition:left .4s ease;width:220px;z-index:9998}.toc.visible{left:0}.toc a{color:#000;color:var(--toc-text);display:block;font-size:.9rem;margin:.4rem 0;text-decoration:none}.toc a:hover{color:#333;color:var(--toc-hover);text-decoration:underline}@media (max-width:768px){.toc-toggle{color:#000;color:var(--toc-text);cursor:pointer;font-size:.85rem;left:0;padding:.6rem .4rem;text-align:center;transform:rotate(180deg);writing-mode:vertical-rl;z-index:10000}.toc,.toc-toggle{background-color:#f0f0f0;background-color:var(--toc-bg);border:1px solid #444;border-radius:0 8px 8px 0;position:fixed;top:100px}.toc{border-left:none;left:-240px;padding:1rem;transition:left .3s ease;width:220px;z-index:9999}.toc.visible{left:50px}.toc a{color:#000;color:var(--toc-text);display:block;font-size:.9rem;margin:.3rem 0;text-decoration:none}.toc a:hover{color:#333;color:var(--toc-hover);text-decoration:underline}}#popup{background-color:var(--popup-bg);border-radius:10px;box-shadow:0 8px 25px #0009;color:var(--popup-text);left:50%;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.contact-buttons{flex-wrap:wrap;gap:clamp(1rem,5vw,5rem);margin-top:2rem}.contact-button,.contact-buttons{display:flex;justify-content:center}.contact-button{align-items:center;background-color:#f0f0f0;background-color:var(--button-bg);border-radius:6px;box-shadow:0 2px 4px #0003;height:44px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;width:44px}.contact-button:hover{background-color:#e0e0e0;background-color:var(--button-hover);transform:scale(1.55)}.contact-button svg{stroke:#202123;stroke:var(--text-color);height:24px;width:24px}#experiences{background-color:#f7f7f8;background-color:var(--bg-color);color:#202123;color:var(--text-color);line-height:1.7;margin:2rem auto;max-width:1000px;padding:2rem 3rem}#experiences h2{border-bottom:2px solid #0003;border-bottom:2px solid var(--divider-color);font-size:2rem;margin-bottom:1.5rem;margin-top:.5rem;padding-bottom:.5rem}#experiences .experience{background-color:#fff;background-color:var(--card-color);border-radius:10px;box-shadow:0 2px 8px #0003;margin-bottom:2rem;padding:1.5rem}#experiences .experience h3{color:#202123;color:var(--text-color);font-size:1.25rem;margin-bottom:.8rem;text-align:center}#experiences .experience h3 span{color:#555;color:var(--time-color);display:block;font-size:.95rem;font-weight:400;margin-top:.3rem;text-align:center}#experiences .experience ul{list-style:disc;margin:0;padding-left:1.5rem}#experiences .experience ul li{margin-bottom:.6rem;text-align:justify}#experiences .experience{transform-origin:center center;transition:transform .3s ease,box-shadow .3s ease}#experiences .experience:hover{box-shadow:0 0 15px #58a6ffb3;transform:scale(1.03)}a{transition:color .3s ease,text-shadow .3s ease,transform .3s ease}a,div a,div a:active,div a:hover,div a:visited{color:inherit;text-decoration:none}div a:hover{color:#58a6ff;text-decoration:underline;transform:scale(1.15);transition:all .2s ease}#contact{margin-left:auto;margin-right:auto;margin-top:4rem;max-width:1000px;padding:0 2rem}#contact h2{font-size:2rem;margin-bottom:2rem;text-align:center}#contact form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}#contact input,#contact textarea{background-color:#fff;background-color:var(--input-bg);border:groove;border-radius:5px;color:#202123;color:var(--text-color);font-family:inherit;padding:.75rem}#contact button{background-color:#f36;border:groove;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem;transition:background-color .3s ease}#contact button:hover{background-color:#d12c5c}#popup{background-color:#fff;background-color:var(--card-color);border-radius:8px;box-shadow:0 4px 12px #0003;color:#202123;color:var(--text-color);display:none;margin-top:2rem;padding:1rem;text-align:center}#popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0006;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}.intro-flex{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin:2rem auto;max-width:1000px}.intro-text{flex:2 1;text-align:left}.intro-photo{flex:1 1;max-width:220px}.intro-photo img{border-radius:50%;object-fit:cover;width:100%}@media (max-width:768px){.intro-flex{align-items:center;flex-direction:column;text-align:justify}.intro-photo{margin-top:1.5rem;margin-top:-1.5rem;max-width:160px;max-width:275px}.intro-photo img{height:auto;width:100%}}.intro-photo img{transition:transform .3s ease,box-shadow .3s ease}.intro-photo img:hover{box-shadow:0 0 15px #58a6ffcc;transform:scale(1.55)}.hover-project{color:#202123;color:var(--text-color);display:inline-block;font-weight:700;text-decoration:none;transition:all .2s ease-in-out}.hover-project:hover{color:#58a6ff;cursor:pointer;text-decoration:underline;text-shadow:0 0 2px #58a6ff66;transform:scale(1.1) translateY(-3px)}.experience h4 span{font-size:.95rem;font-weight:400;margin-top:.3rem}.experience h4 span,.experience li span{color:#555;color:var(--time-color);display:inline}.experience li span{font-size:.9rem;font-style:italic}.theme-toggle{cursor:pointer;gap:.2em;-webkit-user-select:none;user-select:none}#themeLabel{font-size:.9em;margin-left:.3em}@media (max-width:500px){#themeLabel{display:none}}.theme-switch{align-items:center;background-color:var(--switch-bg);border:2px solid #ccc;border:2px solid var(--button-border);border-radius:999px;color:var(--switch-color);cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:-2em;justify-content:center;margin-left:1rem;padding:6px 12px;transition:transform .2s ease,background-color .2s ease;-webkit-user-select:none;user-select:none}body.light .theme-switch{flex-direction:row-reverse}.theme-switch .switch-icon{align-items:center;border-radius:50%;display:inline-flex;font-size:1.1rem;height:1.8em;justify-content:center;pointer-events:none;width:1.8em}.theme-switch .switch-label{white-space:nowrap}.theme-switch:hover{background-color:#e0e0e0;background-color:var(--button-hover);transform:scale(1.2);z-index:10}@media (max-width:600px){.theme-switch{background-color:initial;border:none;gap:0;padding:0}.theme-switch .switch-label{display:none}.theme-switch .switch-icon{margin:0}}#particles-wrapper{left:0;pointer-events:none;position:fixed;top:0;z-index:0}#particles-wrapper,#tsparticles{height:100%;width:100%}.page-wrapper{position:relative;z-index:1}#root,body,html{height:100%;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}
/*# sourceMappingURL=main.d33a0fbc.css.map*/