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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#Home{animation-timeline:view();animation-range:entry 0;animation:appear linear;display:flex;height:100vh;margin-top:5px}.left,.right{align-items:center;display:flex;justify-content:center}.left,.right{width:50%}.right{margin-left:10px}.right-inside img{border:4px solid blue;border-radius:150px;display:block;filter:blur(.7px);height:50%;max-height:700px;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%;z-index:0}.right-inside img:hover{filter:blur(0);transform:scale(1.1)}.line1{color:#4ba8de;font-size:larger;font-weight:600;margin:5px}.line2{font-size:60px;font-weight:bolder;line-height:1;margin:0}.name1{color:#6ad46a}.name2{font-weight:bolder}.line3{font-size:20px;font-weight:500;margin:5px;overflow-wrap:break-word;text-align:justify;width:350px}@media screen and (max-width:768px){#Home{flex-direction:column;height:auto;margin-top:0;padding:20px 10px}.left,.right{margin:0;width:100%}.line2{font-size:35px}.line3{font-size:16px;width:100%}.right-inside img{border:3px solid blue;border-radius:50%;height:auto;width:80%}}*{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:weight;margin:0;padding:0}html{scroll-behavior:smooth}body,html{height:100%;overflow-x:hidden;width:100%}.dark-mode{background:#000;color:#fff}.light-mode{background:linear-gradient(90deg,#667eea,#764ba2);color:#000}.light-mode a{color:#000}.dark-mode a{color:#fff}.light-mode #Home{color:#000}.dark-mode #Home{background:#000;color:#fff}.container{align-items:center;display:flex;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.logo img{height:50px;object-fit:contain;width:50px}.right-side{align-items:center}.right-side,ul{display:flex;gap:20px}ul{flex-wrap:nowrap;overflow-x:auto}ul::-webkit-scrollbar{display:none}li{list-style:none}.mode{cursor:pointer}a{text-decoration:none}@media screen and (max-width:768px){.logo img{height:40px;width:40px}ul{gap:10px}li{font-size:14px}}#About{animation-timeline:view();animation-range:entry 0;animation:appear linear;box-sizing:border-box;font-size:xx-large;height:auto;padding:60px 30px;width:100vw}.center{color:#000;font-family:Roboto,sans-serif;font-size:1rem;margin:0 auto;max-width:100%;width:100%}.part{animation:fadeInText 1s ease-out both;margin-bottom:40px;opacity:0}.part:first-child{animation-delay:.2s}.part:nth-child(2){animation-delay:.4s}.part:nth-child(3){animation-delay:.6s}@keyframes fadeInText{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-title{color:#000;display:inline-block;font-size:2.2rem;margin-bottom:20px;position:relative}.section-title:after{animation:underlineGrow 1s ease-out forwards;background:linear-gradient(90deg,#9b5de5,#f15bb5);border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:60%}@keyframes underlineGrow{0%{width:0}to{width:60%}}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6ec4,#7873f5);-webkit-background-clip:text;font-weight:600}.dark-mode #About .center,.dark-mode #About .section-title{color:#fff}#Skills{animation-timeline:view();animation-range:entry 0;animation:appear linear;box-sizing:border-box;height:auto;padding:60px 20px;width:100vw}.skills-title{color:#000;font-size:2.2rem;margin-bottom:40px;position:relative;text-align:center}.skills-title:after{background:linear-gradient(90deg,#9b5de5,#f15bb5);border-radius:2px;content:"";display:block;height:3px;margin:10px auto 0;width:60px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:100%}.skill-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#000;font-weight:600;padding:20px;text-align:center;transition:transform .3s ease,background .3s ease}.skill-card:hover{background-color:#7b61ff33;cursor:default;transform:scale(1.05)}.dark-mode #Skills .skills-title{color:#fff}.dark-mode .skill-card{background-color:#ffffff0d;border:1px solid #fff3;color:#fff}#Projects{animation-timeline:view();animation-range:entry 0;animation:appear linear;box-sizing:border-box;height:auto;padding:60px 20px;width:100vw}.projects-title{color:#000;font-size:2.2rem;margin-bottom:40px;position:relative;text-align:center}.projects-title:after{background:linear-gradient(90deg,#9b5de5,#f15bb5);border-radius:2px;content:"";display:block;height:3px;margin:10px auto 0;width:60px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.project-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#000;display:flex;flex-direction:column;gap:10px;padding:20px;transition:transform .3s ease,background .3s ease}.project-card:hover{background-color:#7b61ff33;transform:scale(1.03)}.project-card a{align-self:start;background:linear-gradient(90deg,#9b5de5,#f15bb5);border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;margin-top:10px;padding:8px 14px;text-decoration:none;transition:background .3s ease}.project-card a:hover{background:linear-gradient(90deg,#f15bb5,#9b5de5)}.dark-mode #Projects .projects-title{color:#fff}.dark-mode .project-card{background-color:#ffffff0d;border:1px solid #fff3;color:#fff}.dark-mode .project-card a{color:#fff}#Contact{animation-timeline:view();animation-range:entry 0;animation:appear linear;box-sizing:border-box;font-size:xx-large;height:auto;padding:60px 30px;text-align:center;width:100vw}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.contact-title{color:#000;font-size:2.2rem;margin-bottom:10px}.contact-text{color:#000;font-size:1rem;margin-bottom:30px}.contact-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.contact-links a{background:linear-gradient(90deg,#9b5de5,#f15bb5);border-radius:8px;color:#fff;font-size:1rem;padding:10px 20px;text-decoration:none;transition:background .3s ease}.contact-links a:hover{background:linear-gradient(90deg,#f15bb5,#9b5de5)}.dark-mode .contact-text,.dark-mode .contact-title{color:#fff}
/*# sourceMappingURL=main.1efe3dc3.css.map*/