@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";html{scroll-behavior:smooth}*{margin:0;padding:0;font-family:Outfit,sans-serif}body{height:100vh;background:#f6f2ff;color:#000}.navbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:90%;height:20px;z-index:1;background:#f6f2ff;padding:20px 70px}.logo{width:7rem;cursor:pointer;margin-right:3.5rem}.nav-menu{display:flex;list-style:none;gap:2rem;border-radius:50px;padding:.75rem 3rem;background:#fff;box-shadow:0 1px 3px #0000001a}.nav-menu li a{padding:8px 14px;border-radius:50px;text-decoration:none;color:#333;transition:background .3s}.nav-menu li a:hover{background:#f0f0f0}.nav-menu li a.active-link{background:#ff4d6d;color:#fff}.nav-connect{display:flex;align-items:center;gap:.75rem;padding:.625rem 2.5rem;border:1px solid #6b7280;background:#ff4d6d;border-radius:9999px;margin-left:1rem;text-decoration:none;color:#fff;transition:.5s;cursor:pointer}.nav-connect a{text-decoration:none;color:#fff}.nav-connect:hover{transform:scale(1.05)}.nav-mob-close,.nav-mob-open{display:none}@media (max-width: 768px){.navbar{margin:0;z-index:1}.nav-connect{display:none}.nav-mob-open{display:block;position:fixed;right:30px}.nav-mob-close{display:block;position:relative;top:30px;left:150px;width:30px;color:#fff}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:#ff4d6d;width:150px;height:100%;z-index:2;transition:right .5s;right:-450px;border-radius:0}.nav-menu li{font-size:20px;padding-left:10px;flex-direction:row;gap:20px}}.hero{display:flex;align-items:center;flex-direction:column;gap:35px}.hero img{margin-top:100px;border-radius:50%;width:260px;height:260px}.hero h1{text-align:center;width:70%;font-size:35px;font-weight:600}.hero h1 span{color:#ff4d6d}.hero-action{display:flex;align-items:center;gap:25px;font-size:20px;font-weight:400;margin-bottom:50px}.hero-resume{display:flex;align-items:center;justify-content:center;gap:5px;padding:.625rem 2.5rem;border-radius:50px;background:#ff4d6d;cursor:pointer;color:#fff;transition:.5s}.hero-resume:hover{transform:scale(1.05);background:#f6f2ff;border:1px solid black;color:#000}@media (max-width: 768px){.hero img{margin-top:120px;width:260px}.hero h1{width:90%;font-size:25px}.hero p{width:60%;font-size:18px;line-height:32px;margin:10px 0}.hero-action{font-size:18px;font-weight:500;margin-bottom:50px}.hero-resume{padding:10px 30px;border-radius:40px}}.about-section{display:flex;flex-direction:column;gap:3rem;align-items:center;margin:80px 170px}.about-title{font-size:20px}.description-skills{display:flex;gap:5%}.about-text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;width:60%}.about-text h3{font-size:1.5rem;font-weight:600;color:#ff4d6d}.about-text p{line-height:1.6;font-size:1.1rem;color:#111}.about-cards{display:grid;grid-template-columns:1fr;gap:1.5rem}.card{border:1px solid transparent;border-radius:.75rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;background:#fff}.card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #ff758f;border-color:#e5e7eb}.card-inner{display:flex;align-items:flex-start;gap:1rem}.icon{width:1.5rem;height:1.5rem;object-fit:contain;color:#ff758f}.card-text h4{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.card-text p{font-size:1.1rem}@media (max-width: 768px){.about-section{gap:80px;margin:50px 40px}.about-title h1{font-size:35px;padding:0}.description-skills{display:flex;flex-direction:column}.about-text{width:100%;font-size:18px;line-height:32px;text-align:center;margin-bottom:30px;margin-top:-50px}}#my-skills{padding:4rem 1rem 6rem;position:relative;background-color:#f6f2ff}#my-skills .container{margin:0 auto;max-width:64rem}#my-skills h2{font-size:1.875rem;font-weight:700;margin-bottom:3rem;text-align:center}@media (min-width: 768px){#my-skills h2{font-size:2.25rem}}#my-skills .categories{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:50px}#my-skills button{padding:.5rem 1.25rem;border:none;border-radius:9999px;transition:all .3s ease;text-transform:capitalize;font-size:1rem}#my-skills button.active{background-color:#ff4d6d;color:#fff}#my-skills button.inactive{background-color:#e5e7ebb3;color:#000}#my-skills .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width: 640px){#my-skills .grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){#my-skills .grid{grid-template-columns:repeat(3,1fr)}}#my-skills .card{background-color:#f6f2ff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 4px #0000000d;transition:transform .3s ease}#my-skills .card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #ff758f}#my-skills .card h3{font-weight:600;font-size:1.125rem;margin-bottom:1rem}#my-skills .progress-container{width:100%;background-color:#e5e7eb80;height:.5rem;border-radius:9999px;overflow:hidden}#my-skills .progress-bar{background-color:#ff4d6d;height:.5rem;border-radius:9999px;transform-origin:left;transition:width 1.5s ease-out}#my-skills .percentage{text-align:right;margin-top:.25rem;font-size:.875rem;color:#000}.projects-section{padding:6rem 1rem;position:relative;margin:20px 120px}.projects-container{max-width:80rem;margin:0 auto;text-align:center}.projects-title{font-size:2rem;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.projects-section{padding:6rem 1rem;position:relative;margin:-80px 10px 0}.projects-title{font-size:2.1rem}.projects-grid{grid-template-columns:repeat(2,1fr)}.project-link:hover{color:#ff4d6d}}.projects-description{color:#000;margin:0 auto 3rem;max-width:40rem;font-size:1rem}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}.projects-grid hr{margin-top:10px}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-image-wrapper{height:12rem;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-content{padding:1.5rem;text-align:left}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.5rem .75rem;font-size:.8rem;font-weight:500;border:1px solid #e5e7eb;border-radius:9999px;background:#f3f4f6;color:#111827}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#ff4d6d}.project-text{color:#000;font-size:.875rem;margin-bottom:1rem}.project-links{display:flex;justify-content:flex-start;gap:.75rem}.project-link{color:#111827cc;transition:color .3s ease}.project-link:hover{color:#ff4d6d}.projects-footer{margin-top:3rem}.cosmic-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ff4d6d;color:#fff;border-radius:.5rem;font-weight:500;transition:.5s;cursor:pointer;text-decoration:none}.cosmic-button:hover{transform:scale(1.1);background:#fff;color:#ff4d6d;border:1px solid #ff4d6d}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:20px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:40px}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:30px;color:#ff4d6d;font-weight:700}.contact-left p{max-width:550px;font-size:1.05rem;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:10px;font-size:.8rem}.contact-detail{display:flex;align-items:center;gap:10px}.social-gathering{display:flex;justify-content:center;gap:20px;margin-top:20px}.social-gathering a{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:#ff4d6d;color:#fff;font-size:22px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-decoration:none}.social-gathering a:hover{background:#fff;color:#ff4d6d;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 12px #00000026}.contact-right{display:flex;flex-direction:column;align-items:start;gap:10px}.contact-right label{color:#ff4d6d;font-size:22px;font-weight:500}.contact-right input{border:none;width:450px;height:78px;padding-left:20px;border-radius:4px;background:#fff;font-family:Outfit;font-size:1.05rem}.contact-right textarea{width:450px;border:none;padding:20px;border-radius:4px;background:#fff;font-family:Outfit;font-size:1.05rem}.contact-submit{border:none;color:#fff;border-radius:50px;background:#ff4d6d;font-size:1.05rem;padding:10px 30px;margin:30px 0;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.1);transition:.3s}@media (max-width: 768px){.contact-title{margin-top:-45px}.contact{gap:50px;margin:50px 70px}.contact-title h1{padding:0;font-size:35px}.contact-section{flex-direction:column}.contact-left{margin:40px}.contact-left p{font-size:18px}.contact-right{margin-top:-110px}.contact-right label{font-size:20px}.contact-right input{width:100%;font-size:16px}.contact-right textarea{width:95%;font-size:16px}.contact-submit{font-size:14px;margin:20px auto}}.footer{margin:50px 70px;display:flex;flex-direction:column;gap:30px}.footer-top{text-align:center}.footer-top img{width:130px;margin-bottom:20px}.footer-bottom{font-size:18px;text-align:center;margin:20px}@media (max-width: 768px){.footer{margin:100px 40px}}