:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#222;background-image:linear-gradient(0deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:100% 4px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#7fffd4;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{margin:0 auto;padding:2rem;text-align:left;width:100%;min-width:0;max-width:100vw}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}._navbar_rokvj_1{display:flex;justify-content:center;gap:20px;padding:10px;background:#000;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:200px;justify-self:center;margin:0 auto;position:sticky;bottom:0;z-index:100}._navitem_rokvj_19{position:relative;display:flex;align-items:center;justify-content:center;padding:10px}._tooltip_rokvj_27{position:absolute;top:-30px;background:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none}._navitem_rokvj_19:hover ._tooltip_rokvj_27{opacity:1;transform:translateY(0)}body,html{margin:0;padding:0}._container_kkvcg_7{width:100%;display:grid;grid-template-columns:1fr minmax(auto,1200px) 1fr}._containerwrapper_kkvcg_12{grid-column:2}._about_kkvcg_16{width:100%;display:flex;flex-direction:column;text-align:left;padding:10px;color:#89ba75}._me_kkvcg_29{font-weight:600;font-size:40px}._projectshead_kkvcg_34{display:flex;flex-direction:column;text-align:left;padding:10px}._projectshead_kkvcg_34 button{width:150px;display:flex;text-align:left;color:#fa4834;justify-content:space-evenly}._projectsheadDescription_kkvcg_58{font-weight:600;font-size:30px}._projectbody_kkvcg_63{display:grid;gap:20px}._projectcards_kkvcg_73{margin:10px;text-align:left;padding:5px;border-radius:5px;box-shadow:1px 1px 1px #000}._projectcards_kkvcg_73 a{font-size:20px;text-decoration:underline}._projectcards_kkvcg_73 p{color:#faebd7}._sm_kkvcg_98{text-align:left;margin:10px;text-decoration:underline;font-size:20px}._skillboxtech_kkvcg_92{display:flex;justify-content:center;gap:20px;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;justify-self:center;margin:0 auto;justify-content:space-evenly;max-width:400px}._skills_kkvcg_125{position:relative;display:flex;align-items:center;justify-content:center}._skillsdescription_kkvcg_133{position:absolute;bottom:30px;background:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none;width:100px}._skills_kkvcg_125:hover ._skillsdescription_kkvcg_133{opacity:1;transform:translateY(0)}._skillheader_kkvcg_154{display:flex;text-align:left;margin-top:40px;margin-bottom:30px;margin-left:10px;color:#fa4834}._cardStyle_1qk5p_3{background:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(68,222,128,.2);border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:0;animation:_fadeInUp_1qk5p_1 .8s ease-out forwards}._cardHover_1qk5p_18{transform:translateY(-8px) scale(1.02);border-color:#44de8080;box-shadow:0 20px 40px #0000004d,0 0 30px #44de8033}._title_1qk5p_37{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#4ade80}._description_1qk5p_44{color:#a3a3a3;line-height:1.6;margin-bottom:1.5rem}._techContainer_1qk5p_50{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}._techTag_1qk5p_57{background:#44de801a;color:#4ade80;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;border:1px solid rgba(68,222,128,.3)}._linkContainer_1qk5p_66{display:flex;gap:1rem}._linkButton_1qk5p_71{background:#44de801a;color:#4ade80;text-decoration:none;padding:.7rem 1.5rem;border-radius:8px;border:1px solid rgba(68,222,128,.3);transition:all .3s ease;font-weight:500}@keyframes _fadeInUp_1qk5p_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-post{max-width:600px;margin:0 auto;padding:2rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:#e0e0e0}.blog-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #333}.blog-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;line-height:1.2}.blog-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.blog-date{color:#888;font-size:.95rem}.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-tag{background:#1a1a1a;color:#a78bfa;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;border:1px solid #333}.markdown-body{font-size:1.125rem;color:#d0d0d0;overflow-wrap:break-word;word-wrap:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;color:#fff;line-height:1.3}.markdown-body h1{font-size:2rem;border-bottom:2px solid #333;padding-bottom:.5rem}.markdown-body h2{font-size:1.75rem;border-bottom:1px solid #333;padding-bottom:.5rem}.markdown-body h3{font-size:1.5rem}.markdown-body h4{font-size:1.25rem}.markdown-body p{margin-bottom:1.5rem}.markdown-body a{color:#a78bfa;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.markdown-body a:hover{border-bottom-color:#a78bfa}.markdown-body pre{background:#0d1117;padding:1rem;border-radius:.5rem;overflow-x:auto;min-width:0;margin:1.5rem 0;max-width:100%;-webkit-overflow-scrolling:touch}.markdown-body pre code{background:transparent;padding:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6;white-space:pre;word-wrap:normal;display:block}.markdown-body code{background:#161b22;padding:.2rem .4rem;border-radius:.25rem;font-size:.85em;font-family:Consolas,Monaco,Courier New,monospace;color:#e879f9;word-break:break-word}.markdown-body blockquote{border-left:4px solid #a78bfa;padding-left:1.5rem;margin:1.5rem 0;color:#999;font-style:italic}.markdown-body ul,.markdown-body ol{margin:1.5rem 0;padding-left:2rem}.markdown-body li{margin:.5rem 0}.markdown-body img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0}.markdown-body table{width:100%;border-collapse:collapse;margin:1.5rem 0}.markdown-body th,.markdown-body td{padding:.75rem;border:1px solid #333}.markdown-body th{background:#1a1a1a;font-weight:600}.markdown-body hr{border:none;border-top:1px solid #333;margin:2rem 0}.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#888}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite}.blog-error{max-width:600px;margin:0 auto;padding:3rem 1.5rem;text-align:center}.blog-error h2{font-size:3rem;margin-bottom:1rem}.blog-error p{color:#888;font-size:1.125rem}@media (max-width: 768px){.blog-post{padding:1.5rem 1rem}.blog-title{font-size:2rem;word-break:break-word}.markdown-body{font-size:1rem}.markdown-body pre{padding:.75rem;margin:1rem -1rem;border-radius:.375rem}.markdown-body pre code{font-size:.8rem}.markdown-body h1{font-size:1.75rem}.markdown-body h2{font-size:1.5rem}.markdown-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.blog-post{padding:1rem .75rem}.markdown-body pre{margin:1rem -.25rem;padding:.625rem;font-size:.75rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: Tokyo-night-Dark
  origin: https://github.com/enkia/tokyo-night-vscode-theme
  Description: Original highlight.js style
  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
  License: see project LICENSE
  Touched: 2022
*/.hljs-meta,.hljs-comment{color:#565f89}.hljs-tag,.hljs-doctag,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-template-tag,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_,.hljs-deletion{color:#f7768e}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:#ff9e64}.hljs-built_in,.hljs-attribute{color:#e0af68}.hljs-selector-tag{color:#2ac3de}.hljs-keyword,.hljs-title.function_,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-subst,.hljs-property{color:#7dcfff}.hljs-selector-tag{color:#73daca}.hljs-quote,.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#9ece6a}.hljs-code,.hljs-formula,.hljs-section{color:#7aa2f7}.hljs-name,.hljs-keyword,.hljs-operator,.hljs-char.escape_,.hljs-attr{color:#bb9af7}.hljs-punctuation{color:#c0caf5}.hljs{background:#1a1b26;color:#9aa5ce}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.blog-list-container{max-width:1000px;margin:0 auto;padding:3rem 1.5rem}.blog-list-header{margin-bottom:3rem;text-align:center}.blog-list-header h1{font-size:3rem;margin-bottom:.5rem;color:#fff;font-weight:700}.blog-list-subtitle{color:#888;font-size:1.125rem}.blog-list-grid{display:grid;gap:1.5rem}.blog-list-item{background:#1a1a1a;border-radius:.75rem;border:1px solid #2a2a2a;transition:all .3s ease;overflow:hidden}.blog-list-item:hover{transform:translateY(-4px);border-color:#a78bfa;box-shadow:0 8px 24px #a78bfa26}.blog-list-link{display:flex;align-items:center;justify-content:space-between;padding:2rem;text-decoration:none;color:inherit;gap:1.5rem}.blog-list-content{flex:1}.blog-list-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .75rem;line-height:1.3;transition:color .2s}.blog-list-item:hover .blog-list-title{color:#a78bfa}.blog-list-excerpt{color:#999;margin:0 0 1.25rem;line-height:1.6;font-size:1rem}.blog-list-footer{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.blog-list-date{color:#666;font-size:.875rem;font-weight:500}.blog-list-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-list-tag{background:#0a0a0a;color:#a78bfa;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;border:1px solid #2a2a2a}.blog-list-arrow{color:#666;font-size:1.5rem;transition:all .3s ease;flex-shrink:0}.blog-list-item:hover .blog-list-arrow{color:#a78bfa;transform:translate(4px)}.blog-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#888}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.blog-list-error{max-width:600px;margin:0 auto;padding:3rem 1.5rem;text-align:center}.blog-list-error h2{font-size:2rem;margin-bottom:1rem;color:#fff}.blog-list-error p{color:#888;font-size:1.125rem}.blog-list-empty{text-align:center;padding:4rem 2rem;color:#888;font-size:1.125rem}@media (max-width: 768px){.blog-list-container{padding:2rem 1rem}.blog-list-header h1{font-size:2rem}.blog-list-subtitle{font-size:1rem}.blog-list-link{padding:1.5rem}.blog-list-title{font-size:1.25rem}.blog-list-arrow{display:none}}@media (max-width: 480px){.blog-list-header h1{font-size:1.75rem}.blog-list-link{padding:1.25rem}}