.header{align-items:center;background-color:#282c34;display:flex;justify-content:space-between;padding:20px;position:fixed;top:0;width:100%;z-index:2}.portfolio-title{color:#fff;font-size:24px}.nav-links{display:flex;margin-right:50px}.nav-links ul{display:flex;list-style-type:none}.nav-links ul li{margin-left:20px}.nav-links ul li a{color:#fff;text-decoration:none}.hamburger{cursor:pointer;display:none;margin-right:25px}.hamburger .line{background-color:#fff;height:3px;margin:4px;width:25px}@media (max-width:768px){.nav-links{background-color:#282c34;display:none;flex-direction:column;left:0;overflow:hidden;position:absolute;text-align:center;top:70px;transition:max-height .5s ease-in;width:100%;z-index:1000}.nav-links.active{display:block;max-height:400px}.nav-links ul{flex-direction:column}.nav-links ul li{margin:10px 0;opacity:0;transform:translateY(-20px);transition:all .4s ease}.nav-links.active ul li:first-child{opacity:1;transform:translateY(0);transition-delay:.1s}.nav-links.active ul li:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.2s}.nav-links.active ul li:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.3s}.nav-links.active ul li:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.4s}.nav-links.active ul li:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.5s}.hamburger{display:block}}.footer{background-color:#282c34;bottom:0;color:#fff;padding:20px;text-align:center;width:100%}#contact{background-color:#f9f9f9;padding:20px;text-align:left}form{display:flex;flex-direction:column;margin:0 auto;max-width:600px}form div{margin-bottom:15px}form input,form textarea{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}form button{background-color:#282c34;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}form button:hover{background-color:#444}.skills-section{padding:60px 20px;text-align:center}.skills-section h2{color:#333;font-size:32px;font-weight:600;margin-bottom:30px}.skills-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1000px}.skill{background:#fff;border-radius:10px;padding:20px;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:180px}.skill:hover{box-shadow:0 4px 10px #71d2d933}.skill h3{color:#444;font-size:20px;margin-bottom:10px}.skill-img{height:auto;margin:0 auto;max-width:100px;width:100%}@media (max-width:768px){.skills-container{gap:15px}.skill{width:160px}}@media (max-width:480px){.skills-container{align-items:center;flex-direction:column}.skill{width:200px}}.pro-sect{padding:40px 0;text-align:center}.pro-sect h2{font-size:28px;margin-bottom:20px}.pro-con{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pro{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:default;padding:20px;text-align:left}.Pro-img{border:1px solid #9b54d1;height:auto;width:100%}.pro h3{font-size:20px;margin-bottom:10px;text-align:center}.pro p{font-size:16px;margin-bottom:20px}.btn{background-color:skyblue;border:none;border-radius:5%;color:#000;cursor:pointer;padding:10px 15px;text-decoration:none}.btn:hover{background-color:#45add6}.pro:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-5px)}@media (max-width:768px){.pro-con{grid-template-columns:1fr}}*{margin:0}.App{overflow-x:hidden;text-align:center}main{margin-top:50px;padding:40px 20px}.about-section{background-color:#f9f9f9;padding:40px 20px}.about-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;text-align:center}.about{background-color:#555;color:#fff;margin-top:15px}.about:hover{background-color:#333}.btn{border-radius:8px;margin-right:10px}.profile-image{border-radius:10px;box-shadow:0 4px 8px #0000001a;height:250px;margin-bottom:20px;width:200px}.about-text h1{color:#333;font-size:32px;margin:10px 0}.about-text h2{color:#555;font-size:24px;margin-bottom:20px}.about-text p{color:#666;font-size:16px;line-height:1.6;max-width:600px}@media (min-width:768px){.about-container{flex-direction:row;text-align:center}.profile-image{margin-bottom:0;margin-right:40px}.about-text{max-width:600px}}
/*# sourceMappingURL=main.1a98a216.css.map*/