.portfolio-container{display:flex;flex-wrap:wrap;justify-content:center;padding:40px 20px;gap:30px}.projects{background-color:#fff}.s-title{text-align:center;padding-top:40px}.skills-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:20px}.project-card{background:rgba(255,255,255,.2);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);overflow:hidden;width:400px;transition:all .3s ease-in-out}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.project-image{width:100%;height:auto}.project-content{padding:20px;background-color:#fff}.project-title{font-size:1.3rem;margin-bottom:10px;color:#222}.project-description{font-size:.95rem;color:#666;margin-bottom:15px;line-height:1.5}.project-tags span{display:inline-block;background:#f2f2f2;color:#333;border-radius:4px;padding:4px 10px;font-size:.8rem;margin:0 6px 8px 0}.project-links a{margin-right:12px;text-decoration:none;color:#007bff;font-weight:500;transition:color .2s ease}.project-links a:hover{color:#0056b3;text-decoration:underline}@media (min-width:481px) and (max-width:767px){.banner-bg{width:332px!important;height:52vh!important}}@media (min-width:768px) and (max-width:991px){.banner-bg{width:354px!important;height:56vh!important;right:3.6rem!important}.nav-toggle{left:-3rem!important;position:relative!important}.logo{margin-left:1rem!important}}@media (min-width:992px) and (max-width:1199px){.banner-bg{width:354px!important;height:56vh!important;right:3.6rem!important}.wrapper{margin-top:-2rem}.card-flex{margin-top:-4rem!important}.wrapper-about{gap:1rem!important;padding:4rem 0!important}.about-section{flex-direction:column!important}}