@import"https://fonts.googleapis.com/css2?family=Nunito&family=Rubik&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{text-align:left}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;padding:0;font-family:Rubik,sans-serif;font-size:16px;color:#606060;cursor:auto}h1{font-size:40px;font-weight:900;color:#242424;margin:0 auto;line-height:48px}h2{font-size:35px;font-weight:700;text-align:center;color:#242424;margin:0 auto;line-height:48px}@media screen and (min-width: 768px){h2{margin:100px auto;color:#242424;text-align:center;font-size:35px;max-width:600px;margin:3.5rem auto;position:relative}h2:before{content:"";display:block;width:130px;height:5px;background:#242424;left:0;top:50%;position:absolute}h2:after{content:"";display:block;width:130px;height:5px;background:#242424;right:0;top:50%;position:absolute}}h3{font-size:30px;color:#242424;font-weight:800}@media (display-mode: standalone){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}}header{background-color:#242424;padding:10px 0;box-shadow:0 3px 10px #0006;position:sticky;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center;margin:auto;max-width:85%}#site-tittle a{padding:20px;text-decoration:none;color:#fff;font-size:30px;font-weight:700}nav div a{padding:20px;text-decoration:none;color:#fff;font-size:1.4rem;font-weight:500}nav div a:hover{text-decoration:underline}nav div ul{padding:0;display:flex;justify-content:right}nav div li{list-style:none}@media screen and (max-width: 900px){header{margin-bottom:70px}nav{display:flex;justify-content:center;align-items:center;max-width:100%}nav div ul{display:flex;justify-content:center}nav div a{font-size:1.1rem}#site-tittle{display:none}}#hero{display:flex;justify-content:space-between;max-width:85%;padding:100px 0;margin:0 auto}#hero-left{max-width:40%;margin:0 auto;padding:1.5rem}#hero-right{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1200px){#hero{display:flex;justify-content:center;max-width:100%;padding-top:50px;padding-bottom:70px}#hero-right{display:flex;align-items:center;justify-content:center;max-width:100%}#hero-img{border-radius:50%;margin:auto;width:50%}}@media screen and (max-width: 850px){#hero{display:flex;justify-content:center;flex-direction:column-reverse;max-width:85%}#hero-left{max-width:100%;margin:0 auto;text-align:center}#hero-right{display:flex;align-items:center;justify-content:center}#hero-img{border-radius:50%;margin:auto;width:50%}}#hero-before-heading{font-size:20px;font-weight:600;color:#606060;line-height:28px}#hero-text{color:#8896aa;line-height:24px}#hero-data{background-color:#242424;color:#fff;display:flex;justify-content:center;border-radius:20px;margin:30px auto;box-shadow:0 3px 10px #0003}.hero-data-single{padding:15px 20px;display:flex;flex-direction:column;justify-content:center;margin:auto}.hero-data-single:nth-child(2){border-right:1px solid white;border-left:1px solid white}.hero-data-heading{display:inline;font-size:48px;font-weight:700;text-align:center}.hero-data-text{font-size:12px;margin:0}.check-resume-btn{color:#242424;border:3px solid #242424;background-color:#fff;margin:20px auto;font-size:14px;font-family:Nunito,sans-serif;font-weight:700;border-radius:30px;padding:15px 40px;cursor:pointer;box-shadow:0 3px 10px #0003}#hero-img{border-radius:50%;margin:auto;max-width:60%;box-shadow:0 3px 10px #0003}@media screen and (max-width: 768px){.hero-data-heading{display:inline;font-size:30px;font-weight:700;text-align:center}.hero-data-text{font-size:8px;margin:0}}#skill-section{background-color:#f1f1fa;padding:10px 0}#skill-section-inner{max-width:70%;margin:70px auto}#skills{margin:50px auto;display:grid;justify-content:center;gap:30px;grid-template-columns:15% 15% 15% 15% 15% 15%}.skill{display:flex;justify-content:center;flex-direction:column}.skill p{color:#242424;font-size:1rem;display:flex;justify-content:center}.skill img{max-width:50%;background:#242424;background:linear-gradient(294deg,#242424,#242424cc);padding:10px;border-radius:20px;margin:auto;box-shadow:0 3px 10px #0003}.skill img:hover{box-shadow:0 3px 20px #0006}@media screen and (max-width: 768px){#skills{display:grid;gap:30px;justify-content:center;grid-template-columns:20% 20% 20% 20%}.skill p{display:flex;justify-content:center;color:#242424;font-size:.75rem}.skill img{max-width:75%;padding:10px;border-radius:10px;margin:auto}}#project-section{max-width:85%;margin:50px auto;position:relative;z-index:1}.categories-container{margin:1rem 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.category-btn{font-size:14px;font-family:Nunito,sans-serif;font-weight:700;border-radius:30px;padding:15px 30px;cursor:pointer;box-shadow:0 3px 10px #0003}.category-btn:hover,.category-btn-selected{background-color:#000;color:#fff}#project-section-inner{margin:50px auto;justify-content:center;grid-template-columns:33% 33% 33%;gap:2rem}.more-projects-btn{margin:20px auto;font-size:14px;font-family:Nunito,sans-serif;font-weight:700;border-radius:30px;padding:15px 30px;cursor:pointer;box-shadow:0 3px 10px #0003}.more-projects{display:flex;justify-content:center}.manual-carousel{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;max-width:100%;overflow:hidden;z-index:1}.projects-container{display:flex;gap:30px;align-items:center;justify-content:center;overflow:hidden;padding:0 20px;transition:all .6s cubic-bezier(.25,.46,.45,.94);width:100%}.project-slide{flex:0 0 auto;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform:scale(1);opacity:1;max-width:350px;z-index:1}.project-slide.entering{transform:scale(.9) translate(20px);opacity:.6}.project-slide.entered{transform:scale(1) translate(0);opacity:1}.project-slide.exiting{transform:scale(.9) translate(-20px);opacity:.6}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;z-index:5;transition:all .3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.carousel-nav-btn:hover:not(:disabled){background:#000000e6;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px #0000004d}.carousel-nav-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.carousel-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%) scale(.9)}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-pagination{display:none}@media screen and (max-width: 1100px){#project-section-inner{grid-template-columns:50% 50%}.projects-container{gap:20px}.carousel-nav-btn{width:45px;height:45px;font-size:22px}.project-slide{max-width:320px}}@media screen and (max-width: 768px){#project-section{max-width:100%;padding:0 15px}.categories-container{gap:1rem}#project-section-inner{grid-template-columns:100%;margin:30px auto}.category-btn{padding:10px 20px;font-size:13px}.projects-container{gap:15px;padding:0 10px}.carousel-nav-btn{width:40px;height:40px;font-size:20px;background:#000c}.carousel-prev{left:5px}.carousel-next{right:5px}.carousel-pagination{margin-top:20px;gap:10px}.pagination-dot{width:10px;height:10px;border-width:1.5px}.pagination-dot.active:after{width:3px;height:3px}.project-slide{max-width:280px}}@media screen and (max-width: 480px){#project-section{padding:0 10px}.categories-container{gap:.8rem}.category-btn{padding:8px 16px;font-size:12px}.projects-container{gap:12px;padding:0 5px}.carousel-nav-btn{width:35px;height:35px;font-size:18px}.carousel-prev{left:2px}.carousel-next{right:2px}.carousel-pagination{margin-top:15px;gap:8px}.pagination-dot{width:8px;height:8px;border-width:1px}.pagination-dot.active:after{width:2px;height:2px}.project-slide{max-width:250px}}@media (hover: none) and (pointer: coarse){.carousel-nav-btn{min-width:44px;min-height:44px}.pagination-dot{min-width:8px;min-height:8px}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(50px) scale(.9)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-50px) scale(.9)}}.project-slide.slide-in-right{animation:slideInRight .6s cubic-bezier(.25,.46,.45,.94) forwards}.project-slide.slide-in-left{animation:slideInLeft .6s cubic-bezier(.25,.46,.45,.94) forwards}.project-slide.slide-out-right{animation:slideOutRight .6s cubic-bezier(.25,.46,.45,.94) forwards}.project-slide.slide-out-left{animation:slideOutLeft .6s cubic-bezier(.25,.46,.45,.94) forwards}.project{display:flex;justify-content:center;flex-direction:column;text-align:center;gap:.5rem;background-color:#f1f1fa;border-radius:20px;padding:15px;box-shadow:0 3px 10px #0003;margin:auto;max-width:100%}.project-img{width:50%;margin:auto;height:150px;object-fit:contain}.project h3{margin:0;line-height:32px;font-size:1.1em}.project-date{color:#3c3c3c;line-height:20px}.project p,li{font-size:13px;line-height:20px}.project-skill{font-family:Nunito,sans-serif;display:inline-block;font-size:11px;color:#000;background-color:#fff;padding:6px 8px;margin:3px;border-radius:5px;box-shadow:0 3px 10px #0000001a}.project-buttons{display:flex;justify-content:center;gap:1em}.demo-link-btn,.project-link-btn{margin:15px auto;font-size:13px;font-family:Nunito,sans-serif;font-weight:700;border-radius:30px;padding:12px 24px;cursor:pointer;box-shadow:0 3px 10px #0003}.demo-link-btn{color:#fff;border:3px solid #242424;background-color:#242424}.demo-link-btn:hover{color:#282c34;background-color:transparent}.project-link-btn,.more-projects-btn{color:#242424;border:3px solid #242424;background-color:#fff}@media screen and (max-width: 768px){.project{max-width:90%;justify-self:center;padding:12px}.project h3{margin:auto;font-size:1em;line-height:28px}.project p,li{text-align:left;font-size:12px;line-height:18px}.project-img{height:120px}.project-skill{font-size:10px;padding:5px 7px;margin:2px}.demo-link-btn,.project-link-btn{padding:8px 16px;font-size:12px;margin:10px auto}}@media screen and (max-width: 480px){.project{padding:10px;max-width:95%}.project-img{height:100px}.project h3{font-size:.95em;line-height:24px}.project p,li{font-size:11px;line-height:16px}.project-skill{font-size:9px;padding:4px 6px}.demo-link-btn,.project-link-btn{padding:6px 12px;font-size:11px;margin:8px auto}}footer{margin:3em auto auto;padding-top:2em;padding-bottom:1em;background-color:#f1f1fa}footer ul{padding:0;display:flex;justify-content:center;flex-wrap:wrap}footer li{list-style:none;padding:1.5em}footer li img{width:4rem;height:4rem}footer a{text-decoration:none;color:#242424;font-size:22px;font-weight:500}footer a:hover{text-decoration:underline}@media screen and (max-width: 900px){footer{font-size:1.1rem}}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:1;pointer-events:none;box-shadow:0 3px 20px #0006}.cursor-dot{width:10px;height:10px;background-color:#fff;z-index:2}.cursor-outline{width:40px;height:40px;border:2px solid hsla(0,0%,100%,.5);background-color:#242424}@media (max-width: 767px){.cursor-dot,.cursor-outline{display:none}}