@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);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}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;display:flex;justify-content:space-between;padding:10px}.left-navbar{display:flex;padding:20px}.left-navbar button{background-color:#0000;border:none;color:#141618;font-family:Pacifico,cursive;font-size:30px;font-weight:500}.left-navbar button:hover{color:#2e9cca;cursor:pointer;transition:all .2s}.right-navbar ul{display:flex;gap:15px;list-style-type:none}.right-navbar ul button{background-color:#0000;border:none;color:#141618;font-size:18px;font-weight:600}.right-navbar ul button:hover{color:#2e9cca;cursor:pointer;transition:all .2s}@media only screen and (max-width:768px){.right-navbar{display:none}.logo{left:40%;position:absolute;top:10px}}.mobile-nav{display:none}@media only screen and (max-width:768px){.mobile-nav{align-items:center;display:flex}.mobile-nav .mobileButton-section{left:16px;position:fixed;top:16px;z-index:50}.mobile-nav .mobileButton-section button{background-color:#0000;border:none;color:#141618;cursor:pointer;font-size:25px;outline:none;transition:all .8s}.mobile-nav .mobileButton-section button .open{color:#ebe9e1}.Menulinks{background-color:#1f2833;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;font-family:sans-serif;font-weight:600}.Menulinks ul button:hover{color:#2e9cca;cursor:pointer;transition:all .2s}}.profile-content{background-color:#f9f9f9;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-radius:60% 40% 30% 70%/60% 30% 70% 40%;box-shadow:0 0 35px #2e9cca;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}.social-links button{background-color:#2e9cca;border:2px solid #0000;border-radius:10px;box-shadow:0 0 10px #141618;color:#141618;cursor:pointer;font-size:20px;outline:none;padding:10px 15px;transition:all .5s}.social-links button:hover{background-color:#1f2833;color:#2e9cca}.social-links a{color:#000;font-size:28px;padding-top:8px;transition:all .3s}.social-links a:hover{color:#0077b5;transform:scale(1.1) translateY(-5px)}.social-links a:hover:hover:last-child{color:#2b3137}.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}}.about-section{background-color:#f9f9f9;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 #000;flex-direction:column;gap:80px;padding:80px 40px}.left-about h1{animation:none;color:#141618;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;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:24px;font-weight:500}.right-about p{font-family:Inter,sans-serif;font-size:20px;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 #000;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}}.p-sec{height:100%;margin:100px auto;position:relative}.p-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}.project-section{align-items:center;background-color:#f9f9f9;display:flex;gap:20px;justify-content:space-between;margin:auto;padding-top:50px;width:80%}.project-left img{border-radius:10px;height:450px;width:300px}.project-right h2{font-family:Inter,sans-serif;font-size:30px;font-weight:500;letter-spacing:5px;line-height:1.5;text-align:center}.project-right p{font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.2;margin:20px auto;width:80%}.p-sec .tech{align-items:center;display:flex;justify-content:center}.p-sec .tech h2{font-size:20px}.p-sec .tech ul{display:flex;gap:20px;list-style:none}.p-sec .tech ul li{cursor:pointer;font-size:30px;transition:all .3s}.p-sec .tech ul li:hover{transform:scale(1.1) translateY(-5px)}.p-sec .tech ul li.tech-react:hover{color:#61dafb}.p-sec .tech ul li.tech-javascript:hover{color:#f7df1e}.p-sec .tech ul li.tech-tailwind:hover{color:#06b6d4}.p-sec .tech ul li.tech-typescript:hover{color:#3178c6}.p-sec .tech ul li.tech-java:hover{color:#007396}.p-sec .tech ul li.tech-springboot:hover{color:#6db33f}.p-sec .tech ul li.tech-drizzle:hover{color:#c5f74f}.p-sec .tech ul li.tech-nodejs:hover{color:#393}.p-sec .tech ul li.tech-docker:hover{color:#2496ed}.p-sec .tech ul li.tech-mysql:hover{color:#4479a1}.p-sec .tech ul li.tech-sass:hover{color:#c69}.p-sec .tech ul li.tech-express:hover{color:#68a063}.p-sec .tech ul li.tech-maven:hover{color:#c71a36}.p-sec .tech ul li.tech-postgresql:hover{color:#4169e1}.project-links{align-items:center;display:flex;gap:20px;justify-content:center}.project-links a{color:#000;margin-top:18px;padding-right:40px;transition:all .3s}.project-links a.github{font-size:40px;margin-top:20px}.project-links a.github:hover{color:#2b3137;transform:scale(1.1) translateY(-5px)}.project-links a button{background-color:#2e9cca;border:2px solid #0000;border-radius:10px;box-shadow:0 0 10px #141618;color:#141618;cursor:pointer;font-size:15px;font-weight:700;outline:none;padding:10px;transition:all .5s}.project-links a button:hover{background-color:#f9f9f9;color:#141618}@media only screen and (max-width:1280px){.project-section{flex-direction:column;transition:all .5s ease-in-out}.tech{justify-content:center}}@media only screen and (max-width:768px){.p-sec h1{border-bottom:1px solid #000;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{display:flex;flex-direction:row;justify-content:center}.p-sec .tech h2{font-size:15px}.p-sec .tech ul{padding:0}.p-sec .tech ul li{font-size:25px}.p-sec .tech ul li.tech-react{color:#61dafb}.p-sec .tech ul li.tech-javascript{color:#f7df1e}.p-sec .tech ul li.tech-tailwind{color:#06b6d4}.p-sec .tech ul li.tech-typescript{color:#3178c6}.p-sec .tech ul li.tech-java{color:#007396}.p-sec .tech ul li.tech-springboot{color:#6db33f}.p-sec .tech ul li.tech-drizzle{color:#c5f74f}.p-sec .tech ul li.tech-nodejs{color:#393}.p-sec .tech ul li.tech-docker{color:#2496ed}.p-sec .tech ul li.tech-mysql{color:#4479a1}.p-sec .tech ul li.tech-sass{color:#c69}.p-sec .tech ul li.tech-express{color:#68a063}.p-sec .tech ul li.tech-maven{color:#c71a36}.p-sec .tech ul li.tech-postgresql{color:#4169e1}.project-links a.github{font-size:30px}.project-links a button{font-size:12px;font-weight:600}}@media only screen and (max-width:430px){.project-section .project-left img{height:300px;width:260px}.project-section .project-right h2{font-size:15px;padding:5px 0}.project-section .project-right p{font-size:15px;margin:10px auto;padding:2px 15px}.p-sec .tech{flex-direction:column}.p-sec .tech,.p-sec .tech ul{align-items:center;display:flex}.p-sec .tech ul{justify-content:center}.p-sec .tech ul li{display:flex;flex-wrap:wrap;font-size:25px;padding:0}.project-links{gap:15px;justify-content:center}.project-links a{padding-right:0}.project-links a.github{font-size:30px}.project-links a button{font-size:12px;padding:8px}}.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 p{text-align:center}.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:#000;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;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;transition:all .5s}form .submit{background-color:#2e9cca;border:2px solid #0000;border-radius:10px;color:#141618;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;outline:none;padding:10px;width:110px}form .submit:hover{box-shadow:0 0 10px #141618;transition:all .5s}@media only screen and (max-width:978px){.contact-section h1{border-bottom:1px solid #000;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 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;background-color:#f9f9f9;background:#f5ede0;border:1px solid #0000;border-radius:25px;box-shadow:0 4px 8px #0000001a;display:flex;gap:20px;justify-content:space-between;margin:25px auto;padding:20px;width:80%}.work-card-left img{height:300px;width:300px}.work-card-right{flex:1 1;min-width:0}.work-card-right h1{font-size:30px;font-weight:700;letter-spacing:5px}.work-card-right h1,.work-card-right h2{font-family:Inter,sans-serif;margin:0;text-align:start}.work-card-right h2{color:#353534;font-size:25px;font-weight:500}.work-card-right h4{color:#515151;font-size:15px;text-align:start}.work-card-right h4,.work-card-right p{font-family:Inter,sans-serif;font-weight:400;margin:0}.work-card-right p{font-size:18px;line-height:1.2;width:80%}.work-card-right .description{-webkit-line-clamp:2;-webkit-box-orient:vertical;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{align-items:center;background-color:#2e9cca;border:2px solid #0000;border-radius:10px;color:#141618;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1.5rem;gap:.25rem}.work-card-right .expand-button:hover{background:#fff;color:#000;text-decoration:underline}.work-experience .tech{align-items:center;display:flex;justify-content:center}.work-experience .tech h2{font-size:20px}.work-experience .tech ul{display:flex;gap:30px;list-style:none}.work-experience .tech ul li{align-items:center;cursor:default;display:flex;font-size:16px;font-weight:500;gap:10px}.work-experience .tech ul li .tech-icon{cursor:pointer;display:inline-flex;font-size:30px;transition:all .3s}.work-experience .tech ul li .tech-icon:hover{transform:scale(1.1) translateY(-5px)}.work-experience .tech ul li .tech-icon.tech-react:hover{color:#61dafb}.work-experience .tech ul li .tech-icon.tech-nextjs:hover{color:#000}.work-experience .tech ul li .tech-icon.tech-reactnative:hover{color:#61dafb}.work-experience .tech ul li .tech-icon.tech-javascript:hover{color:#f7df1e}.work-experience .tech ul li .tech-icon.tech-tailwind:hover{color:#06b6d4}.work-experience .tech ul li .tech-icon.tech-typescript:hover{color:#3178c6}.work-experience .tech ul li .tech-icon.tech-java:hover{color:#007396}.work-experience .tech ul li .tech-icon.tech-springboot:hover{color:#6db33f}.work-experience .tech ul li .tech-icon.tech-drizzle:hover{color:#c5f74f}.work-experience .tech ul li .tech-icon.tech-nodejs:hover{color:#393}.work-experience .tech ul li .tech-icon.tech-docker:hover{color:#2496ed}.work-experience .tech ul li .tech-icon.tech-mysql:hover{color:#4479a1}.work-experience .tech ul li .tech-icon.tech-sass:hover{color:#c69}.work-experience .tech ul li .tech-icon.tech-express:hover{color:#68a063}.work-experience .tech ul li .tech-icon.tech-maven:hover{color:#c71a36}.work-experience .tech ul li .tech-icon.tech-postgresql:hover{color:#4169e1}.work-experience .tech ul li .tech-icon.tech-python:hover{color:#3776ab}.work-experience .tech ul li .tech-icon.tech-fastapi:hover{color:#009688}.work-experience .tech ul li .tech-icon.tech-monorepo:hover{color:#764abc}.work-experience .tech ul li .tech-icon.tech-github:hover{color:#181717}.work-experience .tech ul li .tech-icon.tech-git:hover{color:#f05032}@media only screen and (max-width:1280px){.work-experience h1{font-size:30px;letter-spacing:10px}.work-card{flex-direction:column}.work-card .work-card-left img{height:250px;width:250px}.work-card .work-card-right h1{font-size:25px;text-align:center}.work-card .work-card-right h2{font-size:20px;text-align:center}.work-card .work-card-right h4{font-size:14px;text-align:center}.work-card .work-card-right p{font-size:15px;margin:auto;text-align:center}.work-card .work-card-right .expand-button{margin:auto}.work-experience .tech{flex-direction:column;margin-top:10px}.work-experience .tech ul{flex-wrap:wrap;gap:25px;justify-content:center;padding:0}.work-experience .tech ul .tech-icon.tech-react{color:#61dafb}.work-experience .tech ul .tech-icon.tech-nextjs{color:#000}.work-experience .tech ul .tech-icon.tech-reactnative{color:#61dafb}.work-experience .tech ul .tech-icon.tech-javascript{color:#f7df1e}.work-experience .tech ul .tech-icon.tech-tailwind{color:#06b6d4}.work-experience .tech ul .tech-icon.tech-typescript{color:#3178c6}.work-experience .tech ul .tech-icon.tech-java{color:#007396}.work-experience .tech ul .tech-icon.tech-springboot{color:#6db33f}.work-experience .tech ul .tech-icon.tech-drizzle{color:#c5f74f}.work-experience .tech ul .tech-icon.tech-nodejs{color:#393}.work-experience .tech ul .tech-icon.tech-docker{color:#2496ed}.work-experience .tech ul .tech-icon.tech-mysql{color:#4479a1}.work-experience .tech ul .tech-icon.tech-sass{color:#c69}.work-experience .tech ul .tech-icon.tech-express{color:#68a063}.work-experience .tech ul .tech-icon.tech-maven{color:#c71a36}.work-experience .tech ul .tech-icon.tech-postgresql{color:#4169e1}.work-experience .tech ul .tech-icon.tech-python{color:#3776ab}.work-experience .tech ul .tech-icon.tech-fastapi{color:#009688}.work-experience .tech ul .tech-icon.tech-monorepo{color:#764abc}.work-experience .tech ul .tech-icon.tech-github{color:#181717}.work-experience .tech ul .tech-icon.tech-git{color:#f05032}}.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;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;border-radius:8px;color:#141618;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 #000;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.16aaffe0.css.map*/