:root{--base:#1e1e2e;--surface0:#313244;--surface1:#45475a;--text:#cdd6f4;--subtext0:#a6adc8;--blue:#89b4fa;--lavender:#b4befe;--green:#a6e3a1;--peach:#fab387;--yellow:#f9e2af;--flamingo:#f2cdcd;--mauve:#cba6f7}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html,body{overflow-y:auto}#loader{position:fixed;background-color:var(--base);display:flex;z-index:9999;justify-content:center;align-items: center;width:100%;height:100%;transition:opacity .5s ease-out;top:0;left:0}#content{opacity:0;transition:opacity .5s ease-in}#content.visible{opacity:1}.cat-loader-container{position:relative;display:flex;justify-content:center;align-items: center;width:350px;height:350px}.rotating-ring{position:absolute;border:2px solid var(--surface1);animation:rotate 2s linear infinite;border-radius:50%;width:100%;height:100%}.rotating-ring:before{content:""}.rotating-ring:after{content:"";position:absolute;border:2px solid var(--mauve);animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1)infinite;border-radius:50%;inset:-2px}.loading-text{color:var(--mauve);z-index:1;position:absolute;font-family:monospace;font-size:12px;transform:scale(.8)}.loading-text table{border-collapse:collapse;font-family:monospace}.loading-text td{white-space:pre;font-family:monospace;line-height:1.2}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:.3}to{transform:scale(1);opacity:.8}}body{background-color:var(--base);color:var(--text);max-width:800px;margin:0 auto;padding:20px;font-family:Mulish,sans-serif;line-height:1.6}header{position:relative;text-align:left;overflow:hidden;border-radius:5px;margin-bottom:2rem;padding:2rem;font-family:JetBrains Mono,monospace}.header-background{position:absolute;opacity:0;filter:brightness(.7)contrast(1.2)saturate(.8);z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .5s ease-in;inset:0}#content.visible .header-background{opacity:.15}header h1{color:var(--mauve);text-align:left;margin-bottom:.5rem;font-size:2.5rem}header p{color:var(--text);overflow:hidden;white-space:nowrap;border-right:.15em solid var(--mauve);animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite;margin-bottom:0;font-size:1.2rem}footer{display:flex;justify-content:center;margin-top:4rem;padding-bottom:4rem}@media (max-width:768px){header{padding:1.5rem}header h1{font-size:2rem}header p{white-space:normal;animation:none;border-right:none;font-size:1rem}.header-images{flex-direction:column}.header-images .image-container{width:100%;margin-bottom:1rem}}@media (max-width:480px){header{padding:1rem}header h1{font-size:1.5rem}header p{font-size:.9rem}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--mauve)}}header img{max-width:100%;height:auto;margin-top:1rem}h1,h2,h3{color:var(--lavender)}h1{text-align:center;margin-top:2rem}h2{color:var(--lavender);margin:0}.heading-container{display:flex;border-bottom:2px solid var(--surface1);align-items: center;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem}h3{cursor:pointer;user-select:none;margin-top:1.5rem;margin-bottom:.75rem}.toggle-icon{display:inline-block;color:var(--yellow);margin-right:.2rem;transition:transform .3s}.toggle-icon-collapsed{transform:rotate(-90deg)}.toggle-hint{color:var(--subtext0);opacity:.8;margin-left:.5rem;font-size:.8rem;font-style:italic}.collapsed{opacity:0;overflow:hidden;max-height:0;margin:0;padding:0}ul{opacity:1;max-height:1000px;margin-top:.5rem;margin-bottom:.5rem;padding-left:20px;transition:max-height .3s,opacity .3s,margin .3s,padding .3s}li{margin-bottom:.25rem}ul>li{color:var(--peach)}ul>li>ul>li{color:var(--yellow)}ul>li>ul>li>ul>li{color:var(--flamingo)}li span{color:var(--text)}a{color:var(--blue);text-decoration:none;position:relative;transition:font-weight .3s}a:after{content:"";position:absolute;background-color:var(--blue);transform-origin:bottom right;width:100%;height:1px;transition:transform .3s;bottom:0;left:0;transform:scaleX(0)}a:hover:after{transform-origin:bottom left;transform:scaleX(1)}.flex-container{display:flex;flex-wrap:wrap;gap:2rem}#my-tech-stack,#tools-i-use{flex:45%;min-width:300px}#scroll-top-button{position:fixed;cursor:pointer;z-index:1001;overflow:hidden;opacity:0;pointer-events:none;background:#232639;border:none;border-radius:50%;width:60px;height:60px;padding:0;transition:background-color .3s,box-shadow .3s,opacity .3s,transform .3s;bottom:20px;right:20px;transform:scale(.8)}#scroll-top-button.show{opacity:1;pointer-events:auto;transform:scale(1)}#scroll-top-button svg{width:100%;height:100%;transition:transform .3s}#scroll-top-button:hover{background-color:#2a2a3e;box-shadow:0 0 10px #f3bbe480}#scroll-top-button:hover svg{transform:scale(1.1)}@media (max-width:768px){.flex-container{flex-direction:column}#my-tech-stack,#tools-i-use{flex:100%}}.github-icon-header{color:var(--mauve);vertical-align:middle;width:32px;height:32px;transition:transform .3s}.github-icon-header:hover{transform:scale(1.2)}.toggle-all-buttons{display:inline-flex;align-items: center;margin-left:auto}.toggle-all-btn{background-color:var(--surface0);color:var(--text);border:1px solid var(--surface1);cursor:pointer;border-radius:4px;margin-left:.5rem;padding:.25rem .5rem;transition:background-color .3s,transform .3s,color .3s;font-size:.8rem}.toggle-all-btn:hover{background-color:var(--surface1);transform:scale(1.05)}.toggle-all-btn.expand{color:var(--green)}.toggle-all-btn.collapse{color:var(--peach)}header h1 a:after{content:none}header h1 a{transition:none}@media (max-width:768px){.cat-loader-container{width:280px;height:280px}.loading-text{font-size:10px;transform:scale(.7)}.github-icon-header{width:28px;height:28px}.github-icon-header:hover{transform:scale(1.15)}}@media (max-width:480px){.cat-loader-container{width:240px;height:240px}.loading-text{font-size:8px;transform:scale(.6)}.github-icon-header{width:24px;height:24px}.github-icon-header:hover{transform:scale(1.1)}}