@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Orbitron:wght@400..900&family=Pacifico&display=swap);html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;background-color:var(--background-color);color:#141618;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .35s ease,color .35s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{box-sizing:border-box;margin:0;max-width:100%;overflow-x:hidden;padding:0}.navbar{align-items:center;background-color:#f9f9f9;background-color:var(--background-color);display:flex;justify-content:space-between;padding:10px;transition:background-color .35s ease}.left-navbar{display:flex;padding:20px}.left-navbar button{background-color:#0000;border:none;color:#141618;color:var(--text-color);font-family:Pacifico,cursive;font-size:30px;font-weight:500}.left-navbar button:hover{color:#2e9cca;color:var(--hover-text-color);cursor:pointer;transition:all .2s}.right-navbar{align-items:center;display:flex;gap:16px}.right-navbar ul{display:flex;gap:15px;list-style-type:none;margin:0;padding:0}.right-navbar ul button{background-color:#0000;border:none;color:#141618;color:var(--text-color);font-size:18px;font-weight:600}.right-navbar ul button:hover{color:#2e9cca;color:var(--hover-text-color);cursor:pointer;transition:all .2s}@media only screen and (max-width:768px){.right-navbar{display:none}.logo{left:40%;position:absolute;top:10px}}.theme-toggle{align-items:center;background-color:#2e9cca;background-color:var(--btn-bg);border:2px solid #2e9cca;border:2px solid var(--btn-border);border-radius:50%;color:#141618;color:var(--btn-text);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease;width:40px}.theme-toggle:hover{background-color:#1f2833;background-color:var(--btn-bg-hover);color:#66fcf1;color:var(--btn-text-hover);transform:scale(1.08)}.theme-toggle:focus-visible{outline:2px solid #2e9cca;outline:2px solid var(--hover-text-color);outline-offset:2px}.theme-toggle__icon{align-items:center;display:inline-flex;font-size:18px;justify-content:center;line-height:1;transition:transform .35s ease}.theme-toggle__icon.is-dark,.theme-toggle__icon.is-light{transform:rotate(0deg)}.mobile-nav{display:none}@media only screen and (max-width:768px){.mobile-nav{align-items:center;display:flex}.mobile-nav .mobileButton-section{align-items:center;display:flex;gap:10px;left:16px;position:fixed;top:16px;z-index:50}.mobile-nav .mobileButton-section button{background-color:#0000;border:none;color:#141618;color:var(--text-color);cursor:pointer;font-size:25px;outline:none;transition:all .8s}.mobile-nav .mobileButton-section button .open{color:#ebe9e1;color:var(--dark-text-color)}.Menulinks{background-color:#1f2833;background-color:var(--dark-background-color);height:100%;justify-content:center;left:0;opacity:.9;position:fixed;top:0;width:100%;z-index:40}.Menulinks,.Menulinks ul{align-items:center;display:flex;flex-direction:column}.Menulinks ul{font-size:28px;line-height:4;list-style-type:none}.Menulinks ul button{background-color:#0000;border:none;color:#ebe9e1;color:var(--dark-text-color);font-family:sans-serif;font-weight:600}.Menulinks ul button:hover{color:#2e9cca;color:var(--hover-text-color);cursor:pointer;transition:all .2s}}.profile-content{background-color:#f9f9f9;background-color:var(--background-color);gap:20px;justify-content:space-between;transition:all .5s ease-in-out;width:80%;will-change:transform}.left,.profile-content{align-items:center;display:flex;margin:auto}.left{justify-content:center;padding:30px}.left img{animation:linemoves 8s ease-in-out infinite;border:2px solid #2e9cca;border:2px solid var(--hover-text-color);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;box-shadow:0 0 35px #2e9cca;box-shadow:0 0 35px var(--hover-text-color);height:550px;transition:all .5s ease-in-out;width:400px}@keyframes linemoves{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.right{align-items:center;display:flex;flex-direction:column}.right h1{font-size:36px;font-weight:700}.right h1,.right p{font-family:Inter,sans-serif;text-align:center}.right p{font-size:20px;font-weight:400;line-height:1.5}.social-links{display:flex;gap:20px;margin-top:20px}.social-links button{align-items:center;background-color:#2e9cca;background-color:var(--btn-bg);border:2px solid #2e9cca;border:2px solid var(--btn-border);border-radius:12px;color:#141618;color:var(--btn-text);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:600;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}.social-links button:hover{background-color:#1f2833;background-color:var(--btn-bg-hover);box-shadow:0 6px 18px #14161826;box-shadow:0 6px 18px var(--card-shadow);color:#66fcf1;color:var(--btn-text-hover);transform:translateY(-2px)}.social-links button{font-size:15px;padding:10px 15px}.social-links a{color:#141618;color:var(--icon-color);font-size:28px;padding-top:8px;transition:color .3s ease,transform .3s ease}.social-links a:hover{transform:scale(1.1) translateY(-5px)}.social-links a:first-of-type:hover{color:#0077b5}.social-links a:last-of-type:hover{color:#2e9cca;color:var(--hover-text-color)}.social-links a:last-child{font-size:30px;padding-top:7px}@media only screen and (max-width:1280px){.profile-content{flex-wrap:wrap}.profile-content img{transition:all .5s ease-in-out}}@media only screen and (max-width:768px){.profile-content{flex-direction:column;flex-wrap:wrap;padding-top:30px;width:100%}.left{background-color:#0000}.left img{height:400px;transition:all .5 ease-in-out;width:300px}.right h1{font-size:32px}.right p{font-size:18px}.social-links button{font-size:18px;padding:4px 10px}.social-links a{font-size:22px}.social-links a:last-child{font-size:24px}}@media only screen and (max-width:430px){.profile-content{display:block;margin-top:10px}.right h1{font-size:24px}.right p{font-size:16px}}.cv-download{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0 10px}.cv-download__btn{align-items:center;background-color:#2e9cca;background-color:var(--btn-bg);border:2px solid #2e9cca;border:2px solid var(--btn-border);border-radius:12px;color:#141618;color:var(--btn-text);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:600;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}.cv-download__btn:hover{background-color:#1f2833;background-color:var(--btn-bg-hover);box-shadow:0 6px 18px #14161826;box-shadow:0 6px 18px var(--card-shadow);color:#66fcf1;color:var(--btn-text-hover);transform:translateY(-2px)}.cv-download__btn{font-size:15px;gap:8px;padding:10px 16px}.cv-download__btn svg{font-size:18px}@media only screen and (max-width:430px){.cv-download{width:100%}.cv-download__btn{flex:1 1 auto;font-size:13px;padding:8px 12px}}.about-section{background-color:#f9f9f9;background-color:var(--background-color);gap:20px;justify-content:space-between;width:80%;will-change:transform}.about-section,.left-about{align-items:center;display:flex;margin:auto}.left-about{border-right:1px solid #141618;border-right:1px solid var(--border-color);flex-direction:column;gap:80px;padding:80px 40px}.left-about h1{animation:none;color:#141618;color:var(--text-color);font-family:Inter,sans-serif;font-size:40px;will-change:transform,opacity}.left-about.animate h1{animation:letters 6s ease-in-out infinite alternate}.left-about.animate h1:nth-child(2){animation-delay:1s}.left-about.animate h1:nth-child(3){animation-delay:2s}.left-about.animate h1:nth-child(4){animation-delay:3s}.left-about.animate h1:nth-child(5){animation-delay:4s}@keyframes letters{0%{opacity:1;transform:translateZ(0)}50%{color:#2e9cca;color:var(--hover-text-color);opacity:.7;transform:translate3d(-10px,0,0)}to{opacity:0;transform:translateZ(0)}}.right-about h1{font-family:Inter,sans-serif;font-weight:700;line-height:1.8;text-align:center}.right-about h2{font-family:Inter,sans-serif;font-size:30px;font-weight:500}.right-about p{font-family:Inter,sans-serif;font-size:24px;font-weight:400;line-height:2;white-space:pre-line}@media only screen and (max-width:1280px){.about-section{flex-wrap:wrap;transition:all .5s ease-in-out}.left-about{border-bottom:1px solid #141618;border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;gap:20px;padding:10px 50px}.left-about h1{animation:none;letter-spacing:35px}}@media only screen and (max-width:768px){.about-section{width:100%}.left-about h1{font-size:30px;letter-spacing:10px}.right-about h1{font-size:20px}.right-about h2{font-size:18px;text-align:center}.right-about p{font-size:15px;padding-left:20px;padding-right:20px}}@media only screen and (max-width:430px){.left-about{display:flex;justify-content:center;padding:10px 5rem}.right-about h1{font-size:15px;padding:10px}.right-about p{font-size:13px;padding-left:10px;padding-right:10px}}.project-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.project-filters__btn{align-items:center;background-color:#0000;border:2px solid #2e9cca;border:2px solid var(--btn-border);border-radius:12px;color:#141618;color:var(--text-color);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:600;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}.project-filters__btn:hover{background-color:#2e9cca;background-color:var(--btn-bg);color:#141618;color:var(--btn-text);transform:translateY(-2px)}.project-filters__btn{font-size:16px;padding:10px 22px}.project-filters__btn--active{align-items:center;background-color:#2e9cca;background-color:var(--btn-bg);border:2px solid #2e9cca;border:2px solid var(--btn-bg);border-radius:12px;box-shadow:0 6px 18px #14161826;box-shadow:0 6px 18px var(--card-shadow);color:#141618;color:var(--btn-text);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:600;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}.project-list{width:100%}.project-section--animated{animation:projectFadeIn .45s ease-out}@keyframes projectFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.p-sec{height:100%;margin:100px auto;position:relative}.p-sec h1{color:#141618;color:var(--text-color);font-family:Inter,sans-serif;font-size:40px;font-weight:700;letter-spacing:30px;padding-bottom:20px;text-align:center;text-transform:uppercase}.project-section{align-items:center;align-items:flex-start;background-color:#f9f9f9;background-color:var(--background-color);display:flex;gap:20px;justify-content:space-between;margin:auto;padding-top:50px;width:80%}.project-left{flex-shrink:0}.project-left img{border-radius:10px;height:550px;object-fit:cover;width:350px}.project-right{align-items:flex-start;color:#141618;color:var(--text-color);display:flex;flex:1 1;flex-direction:column;min-width:0;text-align:left}.project-right h2{font-size:30px;font-weight:500;letter-spacing:2px;line-height:1.4;margin:0 0 16px}.project-right h2,.project-right p{font-family:Inter,sans-serif;text-align:left;width:100%}.project-right p{font-size:18px;font-weight:400;line-height:1.6;margin:0 0 20px;max-width:100%}.p-sec .tech{align-items:center;display:flex;justify-content:center}.p-sec .tech .tech-html:hover{color:#e34f26}.p-sec .tech .tech-css:hover{color:#1572b6}.p-sec .tech .tech-react:hover,.p-sec .tech .tech-reactnative:hover{color:#61dafb}.p-sec .tech .tech-javascript:hover{color:#f7df1e}.p-sec .tech .tech-typescript:hover{color:#3178c6}.p-sec .tech .tech-tailwind:hover{color:#06b6d4}.p-sec .tech .tech-sass:hover{color:#c69}.p-sec .tech .tech-java:hover{color:#007396}.p-sec .tech .tech-springboot:hover{color:#6db33f}.p-sec .tech .tech-maven:hover{color:#c71a36}.p-sec .tech .tech-mysql:hover{color:#4479a1}.p-sec .tech .tech-nodejs:hover{color:#393}.p-sec .tech .tech-docker:hover{color:#2496ed}.p-sec .tech .tech-drizzle:hover{color:#c5f74f}.p-sec .tech .tech-express:hover{color:#444}.p-sec .tech .tech-postgresql:hover{color:#336791}.p-sec .tech .tech-python:hover{color:#3776ab}.p-sec .tech .tech-next.js:hover{color:#000}.p-sec .tech .tech-fastapi:hover{color:#009688}.p-sec .tech .tech-git:hover{color:#f05032}.p-sec .tech .tech-github:hover{color:#181717}.p-sec .tech .tech-Monorepo:hover{color:#6f42c1}.p-sec .tech .tech-jest:hover{color:#c21325}.p-sec .tech .tech-swagger:hover{color:#85ea2d}.p-sec .tech .tech-postman:hover{color:#ef5b25}.p-sec .tech .tech-mongodb:hover{color:#47a248}.p-sec .tech .tech-prisma:hover{color:#2d3748}.p-sec .tech .tech-supabase:hover{color:#3ecf8e}.p-sec .tech .tech-liveDemo:hover{color:#2ecc71}.p-sec .tech h2{color:#141618;color:var(--text-color);font-size:20px;margin-right:12px;margin-top:15px}.p-sec .tech ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.p-sec .tech ul li{cursor:pointer;font-size:30px;transition:color .3s ease,transform .3s ease}.p-sec .tech ul li:hover{transform:scale(1.1) translateY(-5px)}.project-links{align-items:center;display:flex;gap:20px;justify-content:flex-start;width:100%}.project-links a{color:#141618;color:var(--icon-color);margin-top:18px;transition:color .3s ease,transform .3s ease}.project-links a.github{font-size:40px}.project-links a.github:hover{color:#2e9cca;color:var(--hover-text-color);transform:scale(1.1) translateY(-5px)}.project-links a button{background-color:#2e9cca;background-color:var(--btn-bg);border:2px solid #2e9cca;border:2px solid var(--btn-border);border-radius:12px;color:#141618;color:var(--btn-text);cursor:pointer;font-family:Inter,sans-serif;font-weight:600;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}.project-links a button:hover{background-color:#1f2833;background-color:var(--btn-bg-hover);box-shadow:0 6px 18px #14161826;box-shadow:0 6px 18px var(--card-shadow);color:#66fcf1;color:var(--btn-text-hover);transform:translateY(-2px)}.project-links a button{align-items:center;display:inline-flex;font-size:15px;gap:6px;padding:10px 14px}@media only screen and (max-width:1280px){.project-section{align-items:center;flex-direction:column}.project-right{align-items:center}.project-right,.project-right h2,.project-right p{text-align:center}.p-sec .tech,.project-links{justify-content:center}}@media only screen and (max-width:768px){.p-sec h1{border-bottom:1px solid #141618;border-bottom:1px solid var(--border-color);font-size:30px;letter-spacing:10px;margin:auto;width:80%}.project-section{flex-direction:column}.project-left img{height:400px;width:300px}.project-right h2{font-size:20px}.project-right p{font-size:15px}.p-sec .tech{flex-direction:row;flex-wrap:wrap;justify-content:center}.p-sec .tech h2{font-size:15px}.p-sec .tech ul li{font-size:25px}.project-links a.github{font-size:30px}}@media only screen and (max-width:430px){.project-section .project-left img{height:300px;width:260px}.project-right h2{font-size:15px}.project-right p{font-size:15px;padding:0 8px}.p-sec .tech{align-items:center;flex-direction:column}.project-links{gap:15px;justify-content:center}}.contact-section{height:100%;margin:100px auto;position:relative}.contact-section h1{font-family:Inter,sans-serif;font-size:40px;font-weight:700;letter-spacing:30px;padding-bottom:20px;text-align:center;text-transform:uppercase}.contact-section__feedback{font-weight:600;margin:0 auto 12px;max-width:90%;text-align:center}.contact-section__feedback--success{color:#1b7f3a}.contact-section__feedback--error{color:#c0392b}.form-section{align-items:center;display:flex;gap:15px;justify-content:space-around;margin:50px auto;width:80%}.socialMedia h2{font-family:Inter,sans-serif;font-size:28px;font-weight:500;text-align:center}.socialMedia ul{display:flex;gap:20px;justify-content:center;list-style-type:none;margin-right:50px}.socialMedia ul li{cursor:pointer;font-size:25px;transition:all .3s}.socialMedia ul li:hover{transform:scale(1.1) translateY(-5px)}.socialMedia ul li a{color:#141618;color:var(--text-color);transition:all .3s}.socialMedia ul li a:hover{color:#1877f2}.socialMedia ul li .insta:hover{color:#fa7e1e}.socialMedia ul li .linke:hover{color:#0077b5}.socialMedia ul li .github:hover{color:#2b3137}form label{display:flex;font-family:Inter,sans-serif;font-size:20px;font-weight:400;gap:20px}form label:nth-child(3){display:flex;flex-direction:column;gap:10px;margin-top:10px}form label input{border:2px solid #ccc;border-radius:10px;font-family:inherit;margin-bottom:20px;outline:none;padding:10px 20px;width:200px}form label input:focus{box-shadow:0 0 10px #141618;box-shadow:0 0 10px var(--text-color);transition:all .5s}form label textarea{border:2px solid #ccc;border-radius:10px;font-family:inherit;height:200px;outline:none;padding:10px 20px;width:350px}form label textarea:focus{box-shadow:0 0 10px #141618;box-shadow:0 0 10px var(--text-color);transition:all .5s}form .submit{align-items:center;background-color:#2e9cca;background-color:var(--btn-bg);border:2px solid #2e9cca;border:2px solid var(--btn-border);border-radius:12px;color:#141618;color:var(--btn-text);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:600;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}form .submit:hover{background-color:#1f2833;background-color:var(--btn-bg-hover);box-shadow:0 6px 18px #14161826;box-shadow:0 6px 18px var(--card-shadow);color:#66fcf1;color:var(--btn-text-hover);transform:translateY(-2px)}form .submit{font-size:15px;margin-top:20px;padding:10px;width:110px}@media only screen and (max-width:978px){.contact-section h1{border-bottom:1px solid #141618;border-bottom:1px solid var(--border-color);font-size:30px;letter-spacing:10px;margin:auto}.form-section{flex-direction:column-reverse}.form-section .submit{width:100%}}@media only screen and (max-width:430px){form label input{width:150px}form label textarea{width:250px}.socialMedia{display:flex;flex-direction:column;justify-content:center}.socialMedia h2{margin:20px auto}}.work-experience{height:100%;margin:100px auto;position:relative}.work-experience,.work-experience h1{color:#141618;color:var(--text-color)}.work-experience h1{font-family:Inter,sans-serif;font-size:40px;font-weight:700;letter-spacing:20px;text-align:center;text-transform:uppercase}.work-card{align-items:center;align-items:flex-start;background-color:#f9f9f9;background-color:var(--background-color);background:#f5ede0;background:var(--card-background);border:1px solid #141618;border:1px solid var(--border-color);border-radius:25px;box-shadow:0 4px 8px #14161826;box-shadow:0 4px 8px var(--card-shadow);color:#141618;color:var(--text-color);display:flex;gap:20px;justify-content:space-between;margin:25px auto;padding:20px;width:80%}.work-card-left img{border-radius:12px;height:300px;width:300px}.work-card-right{color:#141618;color:var(--text-color);flex:1 1;min-width:0}.work-card-right h1{color:#141618;color:var(--text-color);font-size:30px;font-weight:700;letter-spacing:2px}.work-card-right h1,.work-card-right h2{font-family:Inter,sans-serif;margin:0 0 8px;text-align:left}.work-card-right h2{color:#515151;color:var(--text-muted);font-size:25px;font-weight:500}.work-card-right h4{color:#515151;color:var(--text-muted);font-size:15px;margin:0 0 12px}.work-card-right h4,.work-card-right p{font-family:Inter,sans-serif;font-weight:400;text-align:left}.work-card-right p{color:#141618;color:var(--text-color);font-size:18px;line-height:1.5;margin:0;width:100%}.work-card-right .description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#141618;color:var(--text-color);display:-webkit-box;line-height:1.8;margin:1rem 0;max-height:3.8em;overflow:hidden;text-overflow:ellipsis;transition:max-height .8s ease-in-out;white-space:pre-line}.work-card-right .description.expanded{-webkit-line-clamp:unset;max-height:1000px;transition:.8s ease-in}.work-card-right .expand-button{background-color:#2e9cca;background-color:var(--btn-bg);border:2px solid #2e9cca;border:2px solid var(--btn-border);border-radius:12px;color:#141618;color:var(--btn-text);cursor:pointer;font-weight:600;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}.work-card-right .expand-button:hover{background-color:#1f2833;background-color:var(--btn-bg-hover);box-shadow:0 6px 18px #14161826;box-shadow:0 6px 18px var(--card-shadow);color:#66fcf1;color:var(--btn-text-hover);transform:translateY(-2px)}.work-card-right .expand-button{align-items:center;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;gap:.25rem;padding:8px 14px}.work-experience .tech{align-items:center;display:flex;justify-content:flex-start;margin-top:12px;width:100%}.work-experience .tech .tech-html:hover{color:#e34f26}.work-experience .tech .tech-css:hover{color:#1572b6}.work-experience .tech .tech-react:hover,.work-experience .tech .tech-reactnative:hover{color:#61dafb}.work-experience .tech .tech-javascript:hover{color:#f7df1e}.work-experience .tech .tech-typescript:hover{color:#3178c6}.work-experience .tech .tech-tailwind:hover{color:#06b6d4}.work-experience .tech .tech-sass:hover{color:#c69}.work-experience .tech .tech-java:hover{color:#007396}.work-experience .tech .tech-springboot:hover{color:#6db33f}.work-experience .tech .tech-maven:hover{color:#c71a36}.work-experience .tech .tech-mysql:hover{color:#4479a1}.work-experience .tech .tech-nodejs:hover{color:#393}.work-experience .tech .tech-docker:hover{color:#2496ed}.work-experience .tech .tech-drizzle:hover{color:#c5f74f}.work-experience .tech .tech-express:hover{color:#444}.work-experience .tech .tech-postgresql:hover{color:#336791}.work-experience .tech .tech-python:hover{color:#3776ab}.work-experience .tech .tech-next.js:hover{color:#000}.work-experience .tech .tech-fastapi:hover{color:#009688}.work-experience .tech .tech-git:hover{color:#f05032}.work-experience .tech .tech-github:hover{color:#181717}.work-experience .tech .tech-Monorepo:hover{color:#6f42c1}.work-experience .tech .tech-jest:hover{color:#c21325}.work-experience .tech .tech-swagger:hover{color:#85ea2d}.work-experience .tech .tech-postman:hover{color:#ef5b25}.work-experience .tech .tech-mongodb:hover{color:#47a248}.work-experience .tech .tech-prisma:hover{color:#2d3748}.work-experience .tech .tech-supabase:hover{color:#3ecf8e}.work-experience .tech .tech-liveDemo:hover{color:#2ecc71}.work-experience .tech h2{color:#141618;color:var(--text-color);font-size:20px;margin-right:12px;margin-top:6px}.work-experience .tech ul{display:flex;flex-wrap:wrap;gap:24px;list-style:none;margin:0;padding:0}.work-experience .tech ul li{align-items:center;color:#141618;color:var(--text-color);cursor:default;display:flex;font-size:16px;font-weight:500;gap:10px}.work-experience .tech ul li .tech-icon{color:#141618;color:var(--icon-color);cursor:pointer;display:inline-flex;font-size:30px;transition:color .3s ease,transform .3s ease}.work-experience .tech ul li .tech-icon:hover{transform:scale(1.1) translateY(-5px)}@media only screen and (max-width:1280px){.work-experience h1{font-size:30px;letter-spacing:10px}.work-card{align-items:center;flex-direction:column}.work-card-left img{height:250px;width:250px}.work-card-right h1,.work-card-right h2,.work-card-right h4,.work-card-right p{text-align:center}.work-card-right .expand-button{margin:auto}.work-experience .tech{flex-wrap:wrap;justify-content:center}}:root{--background-color:#f9f9f9;--text-color:#141618;--text-muted:#515151;--dark-background-color:#1f2833;--dark-text-color:#ebe9e1;--hover-background-color:#bab2b5;--hover-text-color:#2e9cca;--button-color:#4285f4;--border-color:#141618;--card-shadow:#14161826;--card-background:#f5ede0;--icon-color:#141618;--btn-bg:#2e9cca;--btn-text:#141618;--btn-bg-hover:#1f2833;--btn-text-hover:#66fcf1;--btn-border:#2e9cca}html[data-theme=dark]{--background-color:#1f2833;--text-color:#ebe9e1;--text-muted:#a8b2b8;--dark-background-color:#0b0c10;--dark-text-color:#c5c6c7;--hover-background-color:#45a29e;--hover-text-color:#66fcf1;--border-color:#c5c6c7;--card-shadow:#66fcf11f;--card-background:#2a3544;--icon-color:#d1d5db;--btn-bg:#15202b;--btn-text:#ebe9e1;--btn-bg-hover:#1e3a4f;--btn-text-hover:#0e9188;--btn-border:#45a29e}.skills-sec{margin:100px auto;position:relative}.skills-sec h1{font-family:Inter,sans-serif;font-size:40px;font-weight:700;letter-spacing:30px;padding-bottom:20px;text-align:center;text-transform:uppercase}.skills-section{grid-gap:20px;align-items:center;align-items:start;background-color:#f9f9f9;background-color:var(--background-color);display:flex;display:grid;gap:20px;gap:40px 60px;grid-template-columns:repeat(2,1fr);justify-content:space-between;margin:auto;padding-top:30px;width:80%}.skill-category h2{font-family:Inter,sans-serif;font-size:30px;font-weight:500;letter-spacing:5px;text-align:center}.skill-category h2:after{content:""!important}.skills-list{display:flex;flex-direction:column;gap:40px}.skill-item .skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.skill-item .skill-header .skill-info{align-items:center;display:flex;gap:12px}.skill-item .skill-header .skill-info .skill-icon{align-items:center;cursor:pointer;display:flex;font-size:30px;transition:all .3s}.skill-item .skill-header .skill-info .skill-icon:hover{transform:scale(1.1) translateY(-5px)}.skill-item .skill-header .skill-info .skill-icon svg{height:30px;width:30px}.skill-item .skill-header .skill-info .skill-name{font-family:Inter,sans-serif;font-size:18px;font-weight:400}.skill-item .skill-header .skill-level{background-color:#2e9cca;background-color:var(--hover-text-color);border-radius:8px;color:#282626;font-family:Inter,sans-serif;font-size:16px;font-weight:400;padding:5px 12px}.skill-item .progress-bar-container{background-color:#0000001a;border-radius:10px;height:10px;overflow:hidden;position:relative}.skill-item .progress-bar-container .progress-bar{border-radius:10px;height:100%;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.skill-item .progress-bar-container .progress-bar.animate{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media only screen and (max-width:1280px){.skills-section{transition:all .5s ease-in-out}}@media only screen and (max-width:768px){.skills-sec h1{border-bottom:1px solid #141618;border-bottom:1px solid var(--border-color);font-size:30px;letter-spacing:10px;margin:auto;width:80%}.skills-section{gap:30px;grid-template-columns:1fr}.skill-category h2{font-size:20px;letter-spacing:3px}.skill-item .skill-header .skill-info .skill-icon{font-size:25px}.skill-item .skill-header .skill-info .skill-icon svg{height:25px;width:25px}.skill-item .skill-header .skill-info .skill-name{font-size:16px}.skill-item .skill-header .skill-level{font-size:14px}}@media only screen and (max-width:430px){.skill-category h2{font-size:18px;letter-spacing:2px;padding:5px 0}.skill-item .skill-header .skill-info{gap:8px}.skill-item .skill-header .skill-info .skill-icon{font-size:22px}.skill-item .skill-header .skill-info .skill-icon svg{height:22px;width:22px}.skill-item .skill-header .skill-info .skill-name{font-size:14px}.skill-item .skill-header .skill-level{font-size:12px;padding:4px 8px}.skill-item .progress-bar-container{height:8px}}
/*# sourceMappingURL=main.0864166f.css.map*/