@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;600&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}*{box-sizing:border-box}body{background-color:#0d1117;background-color:var(--primary-color1);margin:0;padding:0}:root,[data-theme=dark]{--primary-color1:#0d1117;--primary-color2:#ff7a5c;--primary-color3:#ffd666;--accent-color1:#e0e0e0;--accent-color2:#48d1cc;--accent-color3:#b8a3d9;--white:#fff;--black:#000;--alpha-darken-amount:0.3;--alpha-darken:rgba(0,0,0,var(--alpha-darken-amount));--primary-color1-alpha-05:#0d11170d;--primary-color1-alpha-10:#0d11171a;--primary-color1-alpha-20:#0d111733;--primary-color1-alpha-95:#0d1117f2;--primary-color2-alpha-05:#ff7a5c0d;--primary-color2-alpha-08:#ff7a5c14;--primary-color2-alpha-10:#ff7a5c1a;--primary-color2-alpha-15:#ff7a5c26;--primary-color2-alpha-20:#ff7a5c33;--primary-color2-alpha-30:#ff7a5c4d;--primary-color2-alpha-40:#ff7a5c66;--primary-color3-alpha-10:#ffd6661a;--primary-color3-alpha-50:#ffd66680;--accent-color1-alpha-10:#e0e0e01a;--accent-color1-alpha-70:#e0e0e0b3;--accent-color2-alpha-10:#48d1cc1a;--black-alpha-20:#0003;--black-alpha-30:#0000004d;--black-alpha-35:#00000059;--gradient-secondary:#1a1f2e;--logo-font-family:"Raleway",sans-serif;--main-font-family:"Nunito Sans",sans-serif;--transition:all 0.3s ease}[data-theme=light]{--primary-color1:#f5f5f5;--primary-color2:#bf6330;--primary-color3:#e3a924;--accent-color1:#333;--accent-color2:#86c1a5;--accent-color3:#625185;--white:#fff;--black:#000;--alpha-darken-amount:0.1;--alpha-darken:rgba(0,0,0,var(--alpha-darken-amount));--primary-color1-alpha-05:#f5f5f50d;--primary-color1-alpha-10:#f5f5f51a;--primary-color1-alpha-20:#f5f5f533;--primary-color1-alpha-95:#f5f5f5f2;--primary-color2-alpha-05:#bf63300d;--primary-color2-alpha-08:#bf633014;--primary-color2-alpha-10:#bf63301a;--primary-color2-alpha-15:#bf633026;--primary-color2-alpha-20:#bf633033;--primary-color2-alpha-30:#bf63304d;--primary-color2-alpha-40:#bf633066;--primary-color3-alpha-10:#e3a9241a;--primary-color3-alpha-50:#e3a92480;--accent-color1-alpha-10:#3333331a;--accent-color1-alpha-70:#333333b3;--accent-color2-alpha-10:#86c1a51a;--black-alpha-20:#00000026;--black-alpha-30:#0003;--black-alpha-35:#00000040;--gradient-secondary:#fff}.App{display:flex;flex-direction:column;font-family:Nunito Sans,sans-serif;font-family:var(--main-font-family);min-height:100vh}.App,a{color:#e0e0e0;color:var(--accent-color1)}a{text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#ff7a5c;color:var(--primary-color2)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0d1117f2;background-color:var(--primary-color1-alpha-95);box-shadow:0 2px 10px #0003;box-shadow:0 2px 10px var(--black-alpha-20);height:60px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navbar,.navbar .navtitle{align-items:center;display:flex}.navbar .navtitle{font-family:Raleway,sans-serif;font-family:var(--logo-font-family);font-size:24px;font-weight:700;padding:0 20px}.navbar .navtitle a{color:#e0e0e0;color:var(--accent-color1);transition:all .3s ease;transition:var(--transition)}.navbar .navtitle a:hover{color:#ff7a5c;color:var(--primary-color2);text-shadow:0 0 10px var(--primary-color2-alpha-50)}.navlinks{align-items:center;display:flex;gap:0;margin-right:80px}.nav-separator{background-color:#ff7a5c;background-color:var(--primary-color2);height:30px;margin:0 8px;opacity:.5;width:1px}.nav-link{border-bottom:3px solid #0000;color:#e0e0e0;color:var(--accent-color1);display:inline-block;font-size:16px;font-weight:500;padding:18px 16px;position:relative;transition:all .3s ease;transition:var(--transition)}.nav-link:hover{background-color:#ff7a5c1a;background-color:var(--primary-color2-alpha-10);border-bottom-color:#ff7a5c;border-bottom-color:var(--primary-color2);color:#ff7a5c;color:var(--primary-color2)}.nav-link.active{border-bottom-color:#ffd666;border-bottom-color:var(--primary-color3);color:#ffd666;color:var(--primary-color3);font-weight:700}.hamburger{cursor:pointer;display:none;flex-direction:column;font-size:24px;margin-right:20px;z-index:200}.hamburger,.hero{color:#e0e0e0;color:var(--accent-color1)}.hero{animation:fadeIn .8s ease-in;background:linear-gradient(135deg,#0d1117,#1a1f2e);background:linear-gradient(135deg,var(--primary-color1) 0,var(--gradient-secondary) 100%);padding:100px 20px;text-align:center}.hero-content{margin:0 auto;max-width:1000px}.hero-title{animation:slideDown .8s ease;color:#ffd666;color:var(--primary-color3);font-size:72px;margin:0 0 30px}.hero-tagline,.hero-title{font-family:Raleway,sans-serif;font-family:var(--logo-font-family);font-weight:700}.hero-tagline{animation:slideUp .8s ease .2s backwards;display:flex;font-size:32px;gap:30px;justify-content:center;margin:0 0 40px}.tagline-item{color:#ff7a5c;color:var(--primary-color2);cursor:default;display:inline-block;transition:all .3s ease;transition:var(--transition)}.tagline-item:hover{color:#ffd666;color:var(--primary-color3);text-shadow:0 0 15px #ffd66680;text-shadow:0 0 15px var(--primary-color3-alpha-50);transform:scale(1.1)}.hero-description{animation:slideUp .8s ease .4s backwards;color:#e0e0e0;color:var(--accent-color1);font-size:18px;margin:0 auto 40px;max-width:600px}.hero-cta{animation:slideUp .8s ease .6s backwards;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-button{border:2px solid #0000;border-radius:4px;font-size:16px;font-weight:600;letter-spacing:1px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease;transition:var(--transition)}.cta-button.primary{background-color:#ff7a5c;background-color:var(--primary-color2);color:#fff;color:var(--white)}.cta-button.primary:hover{background-color:#ffd666;background-color:var(--primary-color3);box-shadow:0 10px 25px #ff7a5c4d;box-shadow:0 10px 25px var(--primary-color2-alpha-30);transform:translateY(-2px)}.cta-button.secondary{background-color:initial;border-color:#ff7a5c;border-color:var(--primary-color2);color:#ff7a5c;color:var(--primary-color2)}.cta-button.secondary:hover{background-color:#ff7a5c1a;background-color:var(--primary-color2-alpha-10);transform:translateY(-2px)}.title{animation:fadeIn .6s ease;margin:60px 0 40px;text-align:center}.title .heading{color:#ffd666;color:var(--primary-color3);font-family:Raleway,sans-serif;font-family:var(--logo-font-family);font-size:52px;font-weight:700;margin:0}.title .subheading{color:#ff7a5c;color:var(--primary-color2);font-size:28px;font-weight:400;margin:10px 0 0}.section-subtitle{color:#48d1cc;color:var(--accent-color2);font-size:16px;font-style:italic;font-weight:400;margin:12px 0 0}.academia-content,.contact-container,.games-content,.garden-content,.homepage-content,.music-content,.software-content{display:flex;gap:40px;margin:0 5%;padding:40px 0}.garden-content{align-items:center;animation:fadeIn .6s ease;flex-direction:column;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.garden-content p{color:#e0e0e0;color:var(--accent-color1);font-size:16px;line-height:1.8}.garden-tags-filter{margin:10px 0}.garden-maturity-filter,.garden-tags-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.garden-maturity-filter{margin:10px 0 5px}.maturity-filter-btn,.tag-filter-btn{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--accent-color1);border-radius:20px;color:#e0e0e0;color:var(--accent-color1);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.maturity-filter-btn:hover,.tag-filter-btn:hover{background:#0d1117;background:var(--primary-color1);border-color:#0d1117;border-color:var(--primary-color1);color:#fff;color:var(--white)}.maturity-filter-btn.active,.tag-filter-btn.active{background:#ff7a5c;background:var(--primary-color2);border-color:#ff7a5c;border-color:var(--primary-color2);color:#fff;color:var(--white)}.notes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:15px 0}.note-card-link{color:inherit;display:block;text-decoration:none}.note-card{background:#fff;background:var(--white);border:1px solid var(--accent-color1-alpha-20);border-radius:6px;height:100%;padding:16px;transition:all .3s ease}[data-theme=dark] .note-card{background:#0d1117;background:var(--primary-color1)}.note-card:hover{border-color:#ff7a5c;border-color:var(--primary-color2);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.note-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.note-card-image{background:#0d11171a;background:var(--primary-color1-alpha-10);border-radius:4px;height:180px;margin-bottom:10px;overflow:hidden;width:100%}.note-card-image img{display:block;height:100%;object-fit:cover;width:100%}.note-card h4{flex:1 1;font-size:16px;margin:0}.note-card h4 a{color:#ff7a5c;color:var(--primary-color2);text-decoration:none;transition:color .3s ease}.note-card h4 a:hover{color:#0d1117;color:var(--primary-color1)}.note-maturity{font-size:18px;white-space:nowrap}.note-preview{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#e0e0e0;color:var(--accent-color1);display:-webkit-box;font-size:13px;line-height:1.5;margin:8px 0;opacity:.8;overflow:hidden;text-align:left}.note-meta{align-items:center;font-size:11px;justify-content:space-between;margin-top:8px}.note-backlinks{margin-left:auto}.garden-note-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:200px 1fr 200px;margin:0 auto;max-width:1400px}.garden-note-layout img{animation:fadeIn .6s ease;display:block;margin-left:auto;margin-right:auto;padding:20px}.garden-note-container{min-width:0}.garden-back-link{color:#ff7a5c;color:var(--primary-color2);display:inline-block;font-size:14px;margin-bottom:30px;text-decoration:none;transition:color .3s ease}.garden-back-link:hover{color:#0d1117;color:var(--primary-color1)}.garden-note-desktop-title{color:#ff7a5c;color:var(--primary-color2);display:block;font-size:32px;font-weight:700;line-height:1.3;margin:0 0 24px}.garden-note-sidebar,.garden-note-sidebar-right{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.sidebar-section{background:#fff;background:var(--white);border:1px solid var(--accent-color1-alpha-20);border-radius:6px;margin-bottom:24px;padding:16px}[data-theme=dark] .sidebar-section{background:#0d1117;background:var(--primary-color1)}.sidebar-section h4{color:#ff7a5c;color:var(--primary-color2);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.metadata-item{display:flex;flex-direction:column;font-size:13px;margin-bottom:10px}.metadata-label{font-size:11px;letter-spacing:.3px;margin-bottom:4px;opacity:.7;text-transform:uppercase}.metadata-label,.metadata-value{color:#e0e0e0;color:var(--accent-color1)}.metadata-value{font-weight:500}.tags-list{display:flex;flex-direction:column;gap:8px}.tag-badge{background:#ff7a5c1a;background:var(--primary-color2-alpha-10);border-radius:4px;color:#ff7a5c;color:var(--primary-color2);display:inline-block;font-size:12px;padding:4px 8px}.backlinks-list{font-size:13px;list-style:none;margin:0;padding:0}.backlinks-list li{margin-bottom:8px}.backlinks-list a{color:#ff7a5c;color:var(--primary-color2);text-decoration:none;transition:color .3s ease;word-break:break-word}.backlinks-list a:hover{color:#0d1117;color:var(--primary-color1);text-decoration:underline}.toc-list{font-size:13px;list-style:none;margin:0;padding:0}.toc-list li{line-height:1.5;margin-bottom:4px}.toc-level-3{margin-left:12px}.toc-level-4{margin-left:24px}.toc-level-5{margin-left:36px}.toc-level-6{margin-left:48px}.toc-list a{color:#ff7a5c;color:var(--primary-color2);display:inline-block;text-decoration:none;transition:color .3s ease;word-break:break-word}.toc-list a:hover{color:#0d1117;color:var(--primary-color1);text-decoration:underline}.placeholder-text{color:#e0e0e0;color:var(--accent-color1);font-size:13px;font-style:italic;margin:0;opacity:.6}.garden-note-content{background:#fff;background:var(--white);border:1px solid var(--accent-color1-alpha-20);border-radius:8px;padding:30px}[data-theme=dark] .garden-note-content{background:#0d1117;background:var(--primary-color1)}.garden-note-content h1,.garden-note-content h2,.garden-note-content h3,.garden-note-content h4,.garden-note-content h5,.garden-note-content h6{color:#ff7a5c;color:var(--primary-color2);line-height:1.4;margin:24px 0 12px}.garden-note-content h1{border-bottom:2px solid #ff7a5c33;border-bottom:2px solid var(--primary-color2-alpha-20);font-size:28px;padding-bottom:12px}.garden-note-content h2{font-size:24px}.garden-note-content h3{font-size:20px}.garden-note-content p{color:#e0e0e0;color:var(--accent-color1);line-height:1.8;margin:12px 0}.garden-note-content a{color:#ff7a5c;color:var(--primary-color2);text-decoration:underline;transition:color .3s ease}.garden-note-content a:hover{color:#0d1117;color:var(--primary-color1)}.garden-note-content ol,.garden-note-content ul{color:#e0e0e0;color:var(--accent-color1);margin:12px 0 12px 24px}.garden-note-content li{line-height:1.6;margin:8px 0}.garden-note-content code{border-radius:4px;color:#ff7a5c;color:var(--primary-color2);font-family:Monaco,Courier New,monospace;font-size:14px;padding:2px 6px}.garden-note-content code,.garden-note-content pre{background:#e0e0e01a;background:var(--accent-color1-alpha-10)}.garden-note-content pre{border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.garden-note-content pre code{background:none;color:#e0e0e0;color:var(--accent-color1);padding:0}.garden-note-content blockquote{border-left:4px solid #ff7a5c;border-left:4px solid var(--primary-color2);color:#e0e0e0;color:var(--accent-color1);font-style:italic;margin:16px 0;padding-left:16px}.gallery-backlinks{border-top:1px solid var(--accent-color1-alpha-20);margin-top:40px;padding-top:40px}.backlinks h3{color:#ff7a5c;color:var(--primary-color2);font-size:16px;margin-bottom:16px}.backlinks ul{list-style:none;margin:0;padding:0}.backlinks li{margin:8px 0}.backlinks a{color:#ff7a5c;color:var(--primary-color2);text-decoration:none}.backlinks a:hover{text-decoration:underline}.note-meta{color:#e0e0e0;color:var(--accent-color1);display:flex;font-size:12px;gap:12px;margin-top:12px}.note-date{opacity:.7}.note-backlinks{color:#ff7a5c;color:var(--primary-color2);font-weight:600}.homepage-content{align-items:flex-start;animation:fadeIn .6s ease;flex-direction:row}.homepage-content>.profile-pic{border-radius:8px;box-shadow:0 10px 30px #0000004d;box-shadow:0 10px 30px var(--black-alpha-30);flex-shrink:0;height:300px;object-fit:cover;transition:all .3s ease;transition:var(--transition);width:300px}.homepage-content>.profile-pic:hover{box-shadow:0 15px 40px #ff7a5c4d;box-shadow:0 15px 40px var(--primary-color2-alpha-30);transform:translateY(-5px)}.academia-content>.content,.homepage-content>.content{flex:1 1;font-size:16px;line-height:1.8;padding:20px}.content h3{color:#ff7a5c;color:var(--primary-color2);font-size:28px;font-weight:700;margin-bottom:20px}.skills-section{animation:fadeIn .6s ease;margin:60px 5%}.skills-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.skill-category h3{color:#ff7a5c;color:var(--primary-color2);font-size:20px;font-weight:700;margin-bottom:15px}.skills-chips{display:flex;flex-wrap:wrap;gap:10px}.skill-chip{animation:slideUp .6s ease}.games-content,.software-content{flex-direction:row;flex-wrap:wrap;margin:0 5%;padding:40px 0}.games-intro,.software-intro{animation:fadeIn .6s ease;font-size:16px;line-height:1.8;margin:0 auto 20px;max-width:900px;padding:0 20px}.games-intro p,.software-intro p{color:#e0e0e0;color:var(--accent-color1);margin-bottom:15px}.games-element,.software-element{animation:slideUp .6s ease;background:linear-gradient(135deg,#ff7a5c0d,#0003);background:linear-gradient(135deg,var(--primary-color2-alpha-05) 0,var(--black-alpha-20) 100%);border-left:4px solid #ff7a5c;border-left:4px solid var(--primary-color2);border-radius:12px;flex:1 1;margin:20px;max-width:28%;min-width:300px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;transition:var(--transition)}.games-element:before,.software-element:before{background:linear-gradient(135deg,#0000,#ffd6661a);background:linear-gradient(135deg,#0000 0,var(--primary-color3-alpha-10) 100%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.games-element:hover:before,.software-element:hover:before{opacity:1}.games-element:hover,.software-element:hover{background:linear-gradient(135deg,#ff7a5c26,#00000059);background:linear-gradient(135deg,var(--primary-color2-alpha-15) 0,var(--black-alpha-35) 100%);border-left-color:#ffd666;border-left-color:var(--primary-color3);box-shadow:0 15px 40px #ff7a5c4d;box-shadow:0 15px 40px var(--primary-color2-alpha-30);transform:translateY(-8px)}.games-element h2,.software-element h2{color:#ffd666;color:var(--primary-color3);font-size:22px;font-weight:700;margin-bottom:12px}.game-header,.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.game-header h2,.project-header h2{font-size:22px;margin:0}.game-image,.project-image{border-radius:6px;margin-bottom:15px;transition:all .3s ease;transition:var(--transition);width:100%}.game-image:hover,.project-image:hover{transform:scale(1.02)}.game-description,.project-description{color:#e0e0e0;color:var(--accent-color1);font-size:15px;line-height:1.6;margin-bottom:15px}.software-status-chip{margin-bottom:15px!important}.game-tech,.project-tech{display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin:12px 0}.tech-tag{background-color:#ff7a5c33;background-color:var(--primary-color2-alpha-20);border:1px solid #ff7a5c66;border:1px solid var(--primary-color2-alpha-40);border-radius:12px}.game-links,.project-footer{align-items:center;border-top:1px solid #e0e0e01a;border-top:1px solid var(--accent-color1-alpha-10);display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.game-links{flex-wrap:wrap;gap:8px}.project-year,.track-meta{color:#e0e0e0b3;color:var(--accent-color1-alpha-70);font-size:13px}.music-content{flex-direction:column;margin:0 auto;max-width:1200px;padding:20px}.music-intro{animation:fadeIn .6s ease;font-size:16px;line-height:1.8;margin:0 auto 20px;max-width:900px;padding:0 20px}.music-intro p{color:#e0e0e0;color:var(--accent-color1);margin-bottom:15px}.music-header{margin:20px 0 30px;padding:0 20px;text-align:center}.music-header h2{color:#ffd666;color:var(--primary-color3);font-family:Raleway,sans-serif;font-family:var(--logo-font-family);font-size:28px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.tracks-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px auto;max-width:1200px;padding:0 20px}.music-track{animation:slideUp .6s ease;background:linear-gradient(135deg,#ff7a5c0d,#0003);background:linear-gradient(135deg,var(--primary-color2-alpha-05) 0,var(--black-alpha-20) 100%);border-left:4px solid #ff7a5c;border-left:4px solid var(--primary-color2);border-radius:12px;padding:24px;transition:all .3s ease;transition:var(--transition)}.music-track:hover{background:linear-gradient(135deg,#ff7a5c26,#00000059);background:linear-gradient(135deg,var(--primary-color2-alpha-15) 0,var(--black-alpha-35) 100%);border-left-color:#ffd666;border-left-color:var(--primary-color3);box-shadow:0 15px 40px #ff7a5c4d;box-shadow:0 15px 40px var(--primary-color2-alpha-30);transform:translateY(-8px)}.track-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.track-header h3{color:#ffd666;color:var(--primary-color3);font-size:20px;font-weight:700;margin:0}.track-genre{background-color:#ff7a5c33;background-color:var(--primary-color2-alpha-20);border-radius:12px;color:#ff7a5c;color:var(--primary-color2);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.track-description{color:#e0e0e0;color:var(--accent-color1);font-size:14px;line-height:1.6;margin-bottom:15px}.track-player{background:#0000004d;background:var(--black-alpha-30);border:1px solid #ff7a5c33;border:1px solid var(--primary-color2-alpha-20);border-radius:8px;margin:20px 0;overflow:hidden;padding:12px}.track-player iframe,.track-player>div{border-radius:4px}.music-cta{background:linear-gradient(135deg,#ff7a5c14,#0003);background:linear-gradient(135deg,var(--primary-color2-alpha-08) 0,var(--black-alpha-20) 100%);border-radius:12px;margin:40px auto;max-width:900px;padding:40px 20px;text-align:center}.music-cta h3{color:#ffd666;color:var(--primary-color3);font-size:28px;font-weight:700;margin-bottom:10px}.music-cta p{color:#e0e0e0;color:var(--accent-color1);font-size:16px;margin-bottom:20px}.academia-content{flex-direction:column;margin:0 5%;padding:40px 0}.achievements-section,.development-section,.education-section,.projects-section{animation:fadeIn .6s ease;margin-bottom:40px}.achievements-section h3,.development-section h3,.education-section h3,.projects-section h3{border-bottom:2px solid #ff7a5c;border-bottom:2px solid var(--primary-color2);color:#ffd666;color:var(--primary-color3);font-size:28px;font-weight:700;margin-bottom:20px;padding-bottom:10px}.achievement-item,.education-item,.project-item{background-color:#0003;background-color:var(--black-alpha-20);border-left:4px solid #ff7a5c;border-left:4px solid var(--primary-color2);border-radius:6px;margin-bottom:20px;padding:20px;transition:all .3s ease;transition:var(--transition)}.achievement-item:hover,.education-item:hover,.project-item:hover{background-color:#00000059;background-color:var(--black-alpha-35);transform:translateX(5px)}.edu-header,.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.edu-header h4,.project-header h4{color:#ffd666;color:var(--primary-color3);flex:1 1;font-size:20px;font-weight:700;margin:0}.classification,.project-type{background-color:#ff7a5c33;background-color:var(--primary-color2-alpha-20);border-radius:12px;color:#ff7a5c;color:var(--primary-color2);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.achievement-year,.details,.institution,.project-year,.year{color:#e0e0e0;color:var(--accent-color1);font-size:14px;margin:8px 0}.project-tech{margin:12px 0}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.development-section ul{list-style:none;padding:0}.development-section li{color:#e0e0e0;color:var(--accent-color1);padding:8px 0 8px 20px;position:relative}.development-section li:before{color:#ff7a5c;color:var(--primary-color2);content:"→";font-weight:700;left:0;position:absolute}.contact-page{animation:fadeIn .6s ease}.contact-container{flex-direction:row;gap:40px;margin:0 5%;padding:40px 0}.contact-content{flex:1 1;min-width:300px}.contact-methods{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.contact-method{background-color:#0003;background-color:var(--black-alpha-20);border-left:4px solid #ff7a5c;border-left:4px solid var(--primary-color2);border-radius:6px;padding:20px;transition:all .3s ease;transition:var(--transition)}.contact-method:hover{background-color:#00000059;background-color:var(--black-alpha-35);transform:translateY(-3px)}.contact-method h3{color:#ffd666;color:var(--primary-color3);font-size:18px;margin-bottom:10px}.contact-method a,.contact-method p{color:#e0e0e0;color:var(--accent-color1);margin:0}.contact-form{background-color:#0003;background-color:var(--black-alpha-20);border-left:4px solid #ff7a5c;border-left:4px solid var(--primary-color2);border-radius:8px;flex:1 1;min-width:300px;padding:30px}.submit-button{width:100%}.not-found-page{align-items:center;display:flex;justify-content:center;margin:40px 0;min-height:60vh;text-align:center}.not-found-content{animation:slideUp .6s ease}.error-code{color:#ff7a5c;color:var(--primary-color2);font-family:Raleway,sans-serif;font-family:var(--logo-font-family);font-size:120px;font-weight:700;margin:0;text-shadow:0 4px 15px #bf63304d}.error-title{color:#ffd666;color:var(--primary-color3);font-size:40px;font-weight:700;margin:20px 0}.error-description{color:#e0e0e0;color:var(--accent-color1);font-size:18px;margin-bottom:30px}.theme-toggle{align-items:center;background-color:#ff7a5c;background-color:var(--primary-color2);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--black-alpha-30);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;transition:var(--transition);width:50px;z-index:50}.theme-toggle:hover{background-color:#ffd666;background-color:var(--primary-color3);box-shadow:0 8px 20px #ff7a5c66;box-shadow:0 8px 20px var(--primary-color2-alpha-40);transform:scale(1.1) rotate(20deg)}.footer{background-color:#0000004d;background-color:var(--black-alpha-30);border-top:1px solid #e0e0e01a;border-top:1px solid var(--accent-color1-alpha-10);gap:20px;margin-top:auto;padding:40px 20px;width:100%}.footer,.footer-icon{align-items:center;display:flex;justify-content:center}.footer-icon{background-color:#ff7a5c1a;background-color:var(--primary-color2-alpha-10);border-radius:50%;color:#e0e0e0;color:var(--accent-color1);font-size:32px;height:45px;text-decoration:none;transition:all .3s ease;transition:var(--transition);width:45px}.footer-icon:hover{background-color:#ff7a5c;background-color:var(--primary-color2);box-shadow:0 8px 20px #ff7a5c4d;box-shadow:0 8px 20px var(--primary-color2-alpha-30);color:#fff;color:var(--white);transform:translateY(-5px)}@media (max-width:1200px){.games-element,.software-element{max-width:45%}.skills-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.garden-note-mobile-header{display:none;flex-direction:column;gap:12px;margin:0 auto;max-width:1400px;padding:20px}.garden-note-title{color:#ff7a5c;color:var(--primary-color2);font-size:28px;line-height:1.3;margin:0}.garden-note-metadata-toggle{align-self:flex-start;background:#fff;background:var(--white);border:1px solid var(--accent-color1-alpha-20);border-radius:6px;color:#ff7a5c;color:var(--primary-color2);cursor:pointer;font-size:13px;padding:8px 12px;transition:all .3s ease}[data-theme=dark] .garden-note-metadata-toggle{background:#0d1117;background:var(--primary-color1);border-color:var(--accent-color1-alpha-30)}.garden-note-metadata-toggle:hover{background:#e0e0e01a;background:var(--accent-color1-alpha-10)}.toggle-icon{display:inline-block;font-size:11px;margin-right:6px;transition:transform .3s ease}.garden-note-mobile-metadata{animation:slideDown .3s ease;border-top:none;display:none;margin:0 auto;max-width:1400px;padding:0 20px 20px}@media (max-width:768px){.garden-note-mobile-header{display:flex}.garden-note-mobile-metadata{display:block}.garden-note-desktop-title{display:none}.garden-note-layout{gap:16px;grid-template-columns:1fr;padding:16px}.garden-note-sidebar,.garden-note-sidebar-right{display:none;position:static}.hamburger{display:flex}.navlinks{background-color:#0d1117;background-color:var(--primary-color1);box-shadow:0 8px 16px #0000004d;box-shadow:0 8px 16px var(--black-alpha-30);display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100%;z-index:99}.navlinks.mobile-open{display:flex}.nav-link{border-bottom:none;border-left:4px solid #0000;padding:16px 20px}.nav-link:hover{background-color:#ff7a5c1a;background-color:var(--primary-color2-alpha-10);border-left-color:#ff7a5c;border-left-color:var(--primary-color2)}.nav-link.active{border-left-color:#ffd666;border-left-color:var(--primary-color3)}.nav-separator{background-color:#ff7a5c;background-color:var(--primary-color2);height:1px;margin:8px 0;opacity:.5;width:50%}.navbar{height:50px}.navbar .navtitle{font-size:20px;padding:0 15px}.hero-title{font-size:48px}.hero-subtitle{font-size:24px}.hero-cta{flex-direction:column}.cta-button{width:100%}.academia-content,.contact-container,.homepage-content{flex-direction:column;gap:20px;margin:0 20px}.homepage-content>.profile-pic{height:auto;margin:0 auto;max-width:400px;width:100%}.games-element,.software-element{margin:10px 0;max-width:100%}.games-content,.software-content{flex-direction:column;margin:0 20px}.skills-container,.tracks-grid{grid-template-columns:1fr}.title .heading{font-size:36px}.theme-toggle{bottom:20px;font-size:18px;height:45px;right:20px;width:45px}.contact-methods{grid-template-columns:1fr}.education-item,.project-item{margin-bottom:15px}}@media (max-width:480px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.title .heading{font-size:28px}.title .subheading{font-size:18px}.nav-link{font-size:14px;padding:14px 16px}.content h3{font-size:22px}.error-code{font-size:80px}.error-title{font-size:28px}.footer{gap:15px}.footer-icon{font-size:24px;height:40px;width:40px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%{box-shadow:0 0 5px #bf63304d}50%{box-shadow:0 0 20px #bf633099}to{box-shadow:0 0 5px #bf63304d}}.tech-tag{background-color:#bf633033;border-radius:20px;color:#ff7a5c;color:var(--primary-color2);display:inline-block;font-size:12px;margin:4px 4px 4px 0;padding:4px 12px;transition:all .3s ease;transition:var(--transition)}.tech-tag:hover{background-color:#bf633066;transform:scale(1.05)}.project-image{transition:all .3s ease;transition:var(--transition)}.project-image:hover{transform:scale(1.02)}.game-image{transition:all .3s ease;transition:var(--transition)}.game-image:hover{transform:scale(1.02)}.development-banner-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.banner-overlay{background-color:#0000004d;height:100%;left:0;pointer-events:auto;position:fixed;top:60px;width:100%;z-index:998}.development-banner{align-items:center;background:repeating-linear-gradient(70deg,var(--primary-color3),var(--primary-color3) 12px,var(--black) 12px,var(--black) 16px);box-shadow:0 8px 30px #0009;display:flex;height:100px;justify-content:flex-start;left:50%;margin-left:-100%;margin-top:-50px;overflow:visible;position:absolute;top:50%;transform:rotate(-20deg);width:200%}.development-banner:after,.development-banner:before{animation:scrollEdges 20s linear infinite;background:repeating-linear-gradient(70deg,var(--black) 0,var(--black) 8px,var(--primary-color3) 8px,var(--primary-color3) 16px);content:"";height:8px;left:0;position:absolute;width:100%;z-index:10}.development-banner:before{top:-8px}.development-banner:after{bottom:-8px}.banner-text{align-items:center;animation:scrollBanner 20s linear infinite;background-color:var(--primary-color3);color:var(--black);display:flex;font-family:var(--logo-font-family);font-size:18px;font-weight:900;height:100%;letter-spacing:1px;padding:5px 10px;text-shadow:1px 1px 0 #ffffff1a;-webkit-user-select:none;user-select:none;white-space:nowrap}@keyframes scrollBanner{0%{transform:translateX(0)}to{transform:translateX(-10%)}}@keyframes scrollEdges{0%{transform:translateX(0)}to{transform:translateX(-500px)}}@media (max-width:768px){.development-banner{height:80px}.banner-text{font-size:14px;letter-spacing:.5px;padding:4px 8px}}@media (max-width:480px){.development-banner{height:70px;transform:rotate(-20deg)}.banner-text{font-size:12px;letter-spacing:0;padding:3px 6px}}
/*# sourceMappingURL=main.9a7257f5.css.map*/