@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Paprika&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.About{padding:0 20px;background:#f5f9fd}.About h3{font-size:3rem;font-weight:400;text-align:center;padding:20px 0;font-family:Paprika,system-ui;opacity:.7;color:#06223f}.about-contant{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:30px}.About .about-leftside{width:25em;background-color:#f0f8ff;border:2px solid #000;-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,1);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,1);box-shadow:10px 10px 5px #000;border-radius:20px;transition:all .3s ease}.About .about-leftside:hover{transform:translateY(-10px);cursor:pointer}.About .about-leftside img{width:100%;padding:20px;border-radius:35px}.about-rightside{width:40em}.about-rightside .about-tittle{font-size:1rem;font-weight:400;font-family:Paprika,system-ui;opacity:.7;color:#000;margin-bottom:10px}.about-rightside .about-me p{font-size:20px;line-height:30px;font-family:Rubik,sans-serif;color:#0e223f;font-weight:500;margin-bottom:10px}.about-rightside .about-me p::selection{-webkit-user-select:none;user-select:none}.about-rightside .about-me span{color:brown}.dark .About{background-color:#000}.dark .about-rightside .about-me p{color:#fff}.dark .about-rightside .about-me span,.dark .About h3{color:#b7c5d3}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}.Contact{width:100%;background-color:#06223f}.Contact-wrapper{width:80%;margin:0 auto;padding:30px}.Contact-Title h6{font-size:30px;color:#fff;font-weight:600;font-family:Inria Serif}.Contact-Title p{font-size:2.5rem;font-weight:400;font-family:Paprika,system-ui;opacity:.7;color:#b7c5d3}.Contact-Content{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:30px}.Contact-Content form{display:flex;flex-direction:column;gap:20px;margin-top:30px}.Contact-Content form input[type=text],.Contact-Content form input[type=email],.Contact-Content form textarea{width:500px;padding:10px 20px;border-radius:5px;outline:none;font-size:1.5rem;font-family:Paprika,system-ui;color:#ffe4c4e4;background:none;border:1px solid #ffffff;font-size:15px}.Contact-Content form textarea{height:200px;resize:none}.Contact-Content form button{width:fit-content;padding:10px 20px;border-radius:5px 5px 20px;outline:none;font-size:18px;font-family:Paprika,system-ui;color:#06223f;cursor:pointer;border:none;background-color:#fff}.Contact-Content form button:hover{background-color:#b7c5d3}.Contact-Content form button:active{scale:.9}.Contact-Info{display:flex;flex-direction:column;justify-content:center;gap:20px;font-size:1.5rem;font-family:Be Vietnam Pro,sans-serif;color:#fff}.Contact-Info p{display:flex;align-items:center;gap:10px}.icon{font-size:25px;color:bisque}@media screen and (max-width: 598px){.Contact-wrapper{width:90%}.Contact-Content form{width:150%}.Contact-Content form input[type=text],.Contact-Content form input[type=email],.Contact-Content form textarea{width:100%}.Contact-Info{display:none}}.dark .Contact{background-color:#000}.Footer{width:100%;background-color:#b9cef3;color:#000;padding-top:40px;text-align:center}.social-media ul{list-style:none}.example-2{display:flex;justify-content:center;align-items:center}.example-2 .icon-content{margin:0 10px;position:relative}.example-2 .icon-content .tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:-50px}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;color:#4d4d4d;background-color:#fff;transition:all .3s ease-in-out}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px #0000001f}.example-2 .icon-content a svg{position:relative;z-index:1;width:30px;height:30px}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#000;transition:all .3s ease-in-out}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=linkedin] .filled,.example-2 .icon-content a[data-social=linkedin]~.tooltip{background-color:#0274b3}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=instagram] .filled,.example-2 .icon-content a[data-social=instagram]~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}.example-2 .icon-content a[data-social=youtube] .filled,.example-2 .icon-content a[data-social=youtube]~.tooltip{background-color:red}.copyright{background-color:#06223f;color:#fff;padding:20px;text-align:center;margin-top:50px}.Footer p{font-size:14px;font-weight:700;text-transform:capitalize;font-family:Be Vietnam Pro,sans-serif}.copyright p a{text-decoration:none;color:#b9cef3;font-weight:700;font-family:Be Vietnam Pro,sans-serif}.dark .Footer{background-color:#1a1919}.dark .copyright{color:#fff;background-color:#000}.Hero{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;height:100vh;position:relative;width:100%}.leftSide{display:flex;flex:5;justify-content:center;align-items:center;gap:10px;width:50%;height:100vh;padding:0 20px;background-color:#fff}.leftSide-Content{display:flex;flex-direction:column;gap:20px;width:100%;height:100%;justify-content:flex-end;align-items:center;margin-bottom:13rem}.JobTittle{display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:1.5rem;color:#06223f;font-family:"Inria Serif",serif;width:fit-content;height:100px;position:relative}.leftSide .JopTittle .Job{position:absolute;top:0;left:0}.leftSide .JobTittle .Hire{position:absolute;bottom:0;right:0}.leftSide .JobTittle .Hire button{background:none;border:3px solid #06223f;color:#06223f;padding:10px 25px;border-radius:5px 5px 20px;cursor:pointer;font-weight:700;font-size:1rem}.Experinse-Project{width:350px;height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;margin-top:30px;position:relative}.Experinse-Project .Experinse{display:flex;justify-content:center;align-items:center;gap:10px;width:300px;position:absolute;top:0;left:0}.Experinse-Project .Experinse p{font-family:Paprika,system-ui;font-weight:400;font-size:3rem;color:#06223f}.Experinse-Project .Experinse span{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;color:#06223f}.Experinse-Project .ProjectCount{position:absolute;bottom:0;right:0;display:flex;justify-content:center;align-items:center;gap:10px;width:300px}.Experinse-Project .ProjectCount span{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;color:#06223f}.Experinse-Project .ProjectCount p{font-family:Paprika,system-ui;font-weight:400;font-size:3rem;color:#06223f}.Leftside-img{width:30rem;height:100vh;display:flex;justify-content:center;align-items:flex-end;margin-right:-100px;position:relative;z-index:3;transition:.3s}.Leftside-img:hover{transform:translateY(-10px);cursor:pointer}.Leftside-img img{width:100%;background:none}.RightSide{display:flex;flex:2;justify-content:center;align-items:center;height:100vh;padding:0 20px;background:linear-gradient(#b7cdf4,#d3e1f2);position:relative}.RightSide h1{font-family:system-ui;font-weight:400px;font-size:4rem;transform:rotate(90deg);position:absolute;top:250px;right:-100px;color:#eaf2fa}.RightSide h1 span{color:#06223f;margin-left:10px}@media only screen and (max-width: 1026px) and (max-height: 601px){.Leftside-img{width:10rem!important;margin-right:0!important;margin-bottom:0!important}.leftSide-Content{margin-bottom:3rem!important}}@media only screen and (max-width: 1025px){.leftSide{display:flex;flex-direction:column;flex-direction:column-reverse;justify-content:center;align-items:center}.leftSide-Content{height:fit-content}.Leftside-img{width:20rem;margin-right:0;margin-bottom:20px}}@media only screen and (max-width: 995px){.RightSide h1{width:100%;display:flex;justify-content:center;align-items:center;position:absolute;right:-70px}}@media only screen and (max-width: 769px){.Leftside-img{width:15rem;margin-right:0}}@media only screen and (max-width: 622px){.RightSide h1{position:absolute;right:-40px}}@media only screen and (max-width: 541px){.Leftside-img{width:10rem;margin-right:0;margin-bottom:0}.JobTittle{font-size:1rem;margin:20px 0}.Experinse-Project{margin-top:0}.leftSide-Content{margin-bottom:5rem}}@media only screen and (max-width: 506px){.RightSide h1{position:absolute;right:-30px}.JobTittle{font-size:1.2rem;margin:20px 0;height:150px}.leftSide .JobTittle .Job{margin-top:20px}.Experinse-Project .Experinse{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:30px 0;position:static;text-align:center}.Experinse-Project .ProjectCount{display:flex;flex-wrap:wrap;flex-direction:column-reverse;justify-content:center;align-items:center;margin-top:10px;position:static;text-align:center}}@media only screen and (max-width: 431px){.Leftside-img{width:10rem}.JobTittle{font-size:.9rem;height:100px}.Experinse-Project .Experinse p,.Experinse-Project .ProjectCount p{font-size:2.5rem}.leftSide-Content{margin-bottom:9rem}}@media only screen and (max-width: 376px){.Leftside-img{width:8rem}.leftSide-Content{margin-bottom:5rem}}@media only screen and (max-width: 361px){.JobTittle{font-size:.7rem}.leftSide .JobTittle .Hire button{padding:10px 20px;font-size:.8rem}}@media only screen and (max-width: 345px){.Experinse-Project .ProjectCount span{font-size:.9rem}.leftSide-Content{margin-bottom:9rem}}.dark .leftSide,.dark .leftSide-Content{background-color:#000}.dark .JobTittle{color:#fff}.dark .leftSide .JobTittle .Hire button{border:3px solid #fff;color:#fff}.dark .Experinse-Project .Experinse p,.dark .Experinse-Project .ProjectCount p{color:#c0bdbd}.dark .Experinse-Project .Experinse span,.dark .Experinse-Project .ProjectCount span{color:#fff}.dark .RightSide{background:linear-gradient(#000,#1a1a1a)}.dark .RightSide h1 span{color:#354656}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;position:fixed;z-index:5;width:100%}.navbar-scroll{background:#06223fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;position:fixed}.logo img{width:50px}.nav{display:flex;align-items:center;gap:30px;z-index:5}.hamburger{cursor:pointer}.hamburger input{display:none}.hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.navbar-scroll .line{stroke:#fff}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.Theme{display:flex;align-items:center;color:#000;font-size:30px}.sun{color:orange;display:none;cursor:pointer}.moon{cursor:pointer}.navbar-scroll .moon{color:#fff}.dark .moon{display:none}.dark .sun{display:block}.navItems{display:flex;position:fixed;top:6rem;left:50%;transform:translate(-50%);z-index:100;background-color:#ced7e2fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content;padding:15px;border-radius:10px}.navbar-scroll .navItems{position:fixed;bottom:-4rem}.navItems ul{display:flex;gap:30px}.navItems li{list-style:none;cursor:pointer}.navItems li a{text-decoration:none;color:#000;font-size:20px;font-weight:500;font-family:Poppins,sans-serif}.navItems li a:hover{color:#00f}@media screen and (max-width: 440px){.navItems ul{display:flex;gap:14px}.navItems li a{font-size:17px}}.dark .line{stroke:#fff}.Project{width:100%;margin:30px auto;padding:30px;background:#f5f9fd}.project-contant{width:80%;margin:50px auto}.project-tittle h6{font-size:30px;color:#223b56;font-weight:600;font-family:Inria Serif}.project-tittle p{font-size:2rem;font-weight:400;font-family:Paprika,system-ui;opacity:.7;color:#b7c5d3}.btn-filter{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;font-size:20px;font-weight:700;font-family:Be Vietnam Pro,sans-serif;color:#060b10;margin:30px auto;padding:10px 20px}.btn-filter button{border:none;background:#ced7e2;border-radius:5px 5px 20px;font-size:20px;font-weight:700;font-family:Be Vietnam Pro,sans-serif;color:#060b10;padding:10px 15px;cursor:pointer;transition:.3s}.btn-filter button:hover{color:#4070f4}.projects{width:100%;margin:30px auto;background:#f5f9fd;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center}.project-card{width:22rem;overflow:hidden;text-align:center;border-radius:20px;border:2px solid #223b56;position:relative}.project-card:before{content:"";position:absolute;top:0;left:-400px;z-index:1;width:100%;height:76%;background-color:#060b1095;opacity:.3;border-radius:20px;transition:.5s}.project-card:hover:before{left:0}.project-card img{width:100%;border-radius:20px}.card-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:35px;font-weight:600;display:none;z-index:2;transition:.5s}.project-card:hover .card-title{display:block}.card-title h6{font-size:1rem;font-weight:400;font-family:Paprika,system-ui;background-color:#223b56;padding:5px 10px;border-radius:5px}.card-title p{font-size:1.2rem;font-weight:400;font-family:Paprika,system-ui;background-color:#4070f4;color:#b7c5d3;width:fit-content;margin:20px auto;padding:5px 10px;border-radius:5px}.card-btn{width:80%;margin:20px auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.card-btn button{border:none;background-color:transparent;cursor:pointer;font-size:20px;font-weight:600;font-family:Be Vietnam Pro,sans-serif;color:#223b56;border:2px solid #223b56;padding:5px 15px;border-radius:10px}.card-btn button:hover{color:#4070f4}@media screen and (max-width: 915px){.project-card{width:20rem;margin-bottom:20px}.card-btn button{font-size:15px;font-weight:600;padding:5px 15px;display:flex;align-items:center;gap:5px;justify-content:center}.card-btn{width:90%;margin:20px auto}}@media screen and (max-width: 854px){.project-card{width:90%;margin-bottom:20px}.project-card:before{content:"";position:absolute;top:0;left:-600px}}@media screen and (max-width: 415px){.card-btn button{font-size:15px;font-weight:600;padding:5px 15px;display:flex;align-items:center;gap:5px;justify-content:center}}@media screen and (max-width: 391px){.project-card{width:100%;margin-bottom:20px}.card-btn button{font-size:12px}}@media screen and (max-width: 345px){.project-card{width:100%;margin-bottom:20px}.card-btn button{font-size:12px}}.dark .Project,.dark .projects{background-color:#000}.dark .project-tittle h6{color:#fff}.dark .project-card{border:2px solid #ffffff}.dark .card-btn button{border:2px solid #fff;color:#fff}.dark .card-btn button:hover{color:#4070f4}.Skills{width:100%}.skill-wrapper{width:80%;margin:0 auto;padding:50px 0}.Skills .skills-Title h5{font-size:30px;color:#223b56;font-weight:600;font-family:Inria Serif}.Skills .skills-Title h6{font-size:2rem;font-weight:400;font-family:Paprika,system-ui;opacity:.7;color:#b7c5d3}.skills-contant{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin-top:30px}.skills-contant .about-text{font-size:25px;font-weight:700;font-family:Be Vietnam Pro,sans-serif}.skills-icons{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;text-align:center}.skills-icons img{width:50px}.skills-icons p{font-size:20px;font-weight:500;font-family:Paprika,system-ui;opacity:.7}.icons{transition:.3s}.icons:hover{transform:translateY(-10px);cursor:pointer}.container{position:relative;max-width:500px;width:100%;background:#f5f9fd;margin:40px auto;padding:10px 20px;border-radius:7px}.container .skill-box{width:100%;margin:25px 0}.skill-box .title{display:block;font-size:14px;font-weight:600;color:#333}.skill-box .skill-bar{height:8px;width:100%;border-radius:6px;margin-top:6px;background:#0000001a}.skill-bar .skill-per{position:relative;display:block;height:100%;width:90%;border-radius:6px;background:#4070f4;animation:progress .4s ease-in-out forwards;opacity:0}.skill-per.html{width:100%;animation-delay:.1s}.skill-per.css{width:90%;animation-delay:.1s}.skill-per.Bootstrap{width:80%;animation-delay:.2s}.skill-per.Tailwind{width:90%;animation-delay:.2s}.skill-per.javascript{width:80%;animation-delay:.2s}.skill-per.React{width:70%;animation-delay:.3s}.skill-per.Firebase{width:60%;animation-delay:.3s}@keyframes progress{0%{width:0;opacity:1}to{opacity:1}}.skill-per .tooltip{position:absolute;right:-14px;top:-28px;font-size:9px;font-weight:500;color:#fff;padding:2px 6px;border-radius:3px;background:#4070f4;z-index:1}.tooltip:before{content:"";position:absolute;left:50%;bottom:-2px;height:10px;width:10px;z-index:-1;background-color:#4070f4;transform:translate(-50%) rotate(45deg)}.skills-footer{text-align:center;font-size:30px;font-family:Be Vietnam Pro,sans-serif;font-weight:700;color:#06223f}.dark .Skills{background-color:#000}.dark .Skills .skills-Title h5,.dark .skills-icons p,.dark .skills-footer{color:#f0f8ff}.dark{background-color:#000}.App{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}