:root{--background-color: #fff;--btn-color: #4a84e2;--btn-text-color: #fff;--project-card-bg: #ffffff00;--text-color: #222;--form-text-color: #555;--footer-text-color: #888}[data-theme=dark]{--background-color: #222;--btn-color: #fff;--btn-text-color: #222;--project-card-bg: #fff;--text-color: #fff;--form-text-color: #fff;--footer-text-color: #bbb}body{background-color:var(--background-color);display:flex;justify-content:center;margin:0 auto 60px}.customCursor{position:fixed;width:15px;height:15px;background:#f43f5eb3;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease}.customCursor.hover{width:30px;height:30px;background:#6366f1b3}#root{display:flex;flex-direction:column;gap:60px}h1,h2,h3,p{color:var(--text-color);margin:0;padding:0}h2,h3,p{font-family:Roboto Mono,monospace}h2,h3{font-size:20px}h1{font-family:Rubik,sans-serif;font-size:2px}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}@media (width >= 800px){#root{gap:100px}h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px}@media (width >= 1400px){#root{gap:200px}h1{font-size:48px}.sectionTitle{margin-bottom:75px}}}._container_12vsc_1{display:flex;flex-direction:column;text-align:center}form{display:flex;flex-direction:column;gap:30px}textarea,input:not([type=submit]){height:50px;padding-left:16px;width:250px}textarea{padding-top:16px;resize:none;height:250px}input,textarea{border-radius:20px;border:#888 1px solid;box-sizing:border-box;justify-self:center;background-color:var(--background-color);color:var(--form-text-color)}::-moz-placeholder{color:var(--form-text-color)}::placeholder{color:var(--form-text-color)}input[type=submit]{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;margin:auto}input[type=submit]:hover{transform:scale(1.05)}input[type=submit]:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}@media (width >= 800px){textarea,input:not([type=submit]){width:600px;font-size:20px}form{gap:40px}}@media (width >= 1400px){textarea,input:not([type=submit]){width:800px}}._container_1vqx9_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;height:100dvh;min-height:500px;position:relative;overflow:visible;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px),radial-gradient(circle,rgba(244,244,244,.1) 1px,transparent 1px);background-size:20px 20px;background-position:center;background-repeat:repeat;z-index:0}._colorModeContainer_1vqx9_28{position:relative;display:flex;justify-content:center;align-items:center}._blob_1vqx9_35{position:absolute;width:80vw;max-width:300px;aspect-ratio:1/1;background:radial-gradient(circle at 30% 30%,#f43f5e,#d946ef,#6366f1);border-radius:50%;filter:blur(120px);z-index:1;animation:_floatBlob_1vqx9_1 2.5s ease-in-out infinite alternate}@keyframes _floatBlob_1vqx9_1{0%{transform:translate(0) scale(1)}50%{transform:translate(-10%,-5%) scale(1.05)}to{transform:translate(10%,5%) scale(.95)}}._hero_1vqx9_68{max-width:200px;position:relative;z-index:2}._colorMode_1vqx9_28{position:absolute;top:10px;right:10px;width:32px;height:32px;cursor:pointer;z-index:3}._colorMode_1vqx9_28:hover{transform:scale(1.1);transition:transform .2s ease-in-out}._description_1vqx9_94{max-width:40ch;margin:0 auto;padding:10px 30px;font-size:1.2rem;line-height:1.5;font-weight:500}span{display:flex;gap:25px;justify-content:center}span a{margin:0}span a img{width:50px}a{width:-moz-fit-content;width:fit-content;align-self:center}button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}button:hover{transform:scale(1.05)}button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._colorMode_1vqx9_28{position:absolute;right:0;width:25px}._colorMode_1vqx9_28:hover{cursor:pointer}._info_1vqx9_154{display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width: 800px){._description_1vqx9_94{font-size:14px;padding:0 15px}}@media (min-width: 800px){._container_1vqx9_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._hero_1vqx9_68{max-width:350px;width:350px}._blob_1vqx9_35{width:400px;height:400px;filter:blur(100px)}}@media (min-width: 1400px){._container_1vqx9_1 ._hero_1vqx9_68{max-width:400px;width:400px}._blob_1vqx9_35{width:500px;height:500px;filter:blur(120px)}}@media (max-width: 800px){h1{font-size:1.8rem;margin:0;line-height:1.2;text-align:center;word-break:break-word}}._container_1ay3x_1{display:flex;flex-direction:column;text-align:center}._container_1ay3x_1 img{max-width:300px;align-self:center;background-color:var(--project-card-bg);border-radius:20px}._container_1ay3x_1 a{width:-moz-fit-content;width:fit-content;text-decoration:none;color:#222;transition:transform .2s ease-in-out}._container_1ay3x_1 a:hover{transform:scale(1.1)}._projectsContainer_1ay3x_25{display:flex;flex-direction:column;align-items:center;gap:30px}@media (width >= 800px){._projectsContainer_1ay3x_25{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}}._projectCard_1ay3x_41{transition:box-shadow .4s ease,transform .4s ease;border-radius:20px}._projectCard_1ay3x_41:hover{box-shadow:0 0 20px #f43f5eb3,0 0 40px #d946ef80,0 0 60px #6366f180;transform:scale(1.05)}._container_sk93e_1{display:flex;flex-direction:column;align-items:center;padding:30px}._sectionTitle_sk93e_8{font-size:2.5rem;margin-bottom:40px;color:var(--text-color, #333)}._skillCategory_sk93e_14{width:100%;max-width:1000px;margin-bottom:40px}._categoryTitle_sk93e_20{font-size:1.8rem;margin-bottom:20px;text-align:center;color:var(--text-color, #333)}._skillsGrid_sk93e_27{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;justify-content:center}._skillCard_sk93e_37{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:var(--card-bg-color, #f9f9f9);color:var(--card-text-color, #333);border-radius:16px;box-shadow:0 6px 8px #0000001a;font-family:Roboto Mono,monospace;font-size:16px;width:120px;height:120px}._skillCard_sk93e_37 img{width:50px;height:50px;margin-bottom:8px}hr{width:200px;height:2px;border:none;background-color:var(--text-color, #ccc);margin:30px auto}@media (max-width: 600px){._skillsGrid_sk93e_27{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}._skillCard_sk93e_37{width:100px;height:100px}._skillCard_sk93e_37 img{width:40px;height:40px}}:root{--text-color: #333;--card-bg-color: #f9f9f9;--card-text-color: #333}[data-theme=dark]{--text-color: #fff;--card-bg-color: #222;--card-text-color: #fff}[data-theme=dark] ._skillCard_sk93e_37{box-shadow:0 6px 8px #ffffff1a}.navbar{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;padding:20px 40px;background-color:var(--navbar-bg-color, rgba(255, 255, 255, .7));box-shadow:0 4px 6px #0000001a;z-index:1000;transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out,padding .1s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:40px}.navbar.scrolled{padding:10px 20px;box-shadow:0 4px 8px #0000001a}.nav-center{display:flex;align-items:center;gap:100px}.logo{font-size:1.8rem;font-weight:bolder;color:var(--navbar-text-color, #333);transition:color .3s ease-in-out;cursor:pointer}.nav-links{display:flex;gap:50px;list-style:none;padding:0;margin:0}.nav-links li{font-size:1.2rem;font-weight:500;color:var(--navbar-text-color, #333);cursor:pointer;position:relative;transition:color .1s ease-in-out}.nav-links li:hover{color:var(--highlight-color, #bdbdbd)}.nav-links li:after{content:"";position:absolute;left:50%;bottom:-4px;transform:translate(-50%);width:0;height:2px;background-color:var(--highlight-color, #d0d0d0);transition:width .2s ease-in-out}.nav-links li:hover:after{width:100%}:root{--navbar-bg-color: rgba(255, 255, 255, .7);--navbar-text-color: #333;--highlight-color: #aeaeae}[data-theme=dark]{--navbar-bg-color: rgba(34, 34, 34, .7);--navbar-text-color: #e1e1e1;--highlight-color: #ffffff}.hero{padding-top:100px}@media (max-width: 600px){.navbar{display:none}.hero{padding-top:120px}}
