.project-container{max-width:900px;margin:20px auto;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);border-radius:12px;overflow:hidden;padding:20px}.project-banner{background:#222;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.project-title{font-size:1.5rem;margin:0 0 10px}.close-button{color:#ff4d4d;font-size:1.5rem;text-decoration:none;transition:color .3s ease}.close-button:hover{color:#ff1a1a}.project-section{margin:20px 0}.project-h2{border-bottom:2px solid #007bff;padding-bottom:10px;margin-bottom:20px;color:#007bff;font-size:1.3rem}.project-overview-content{display:flex;flex-direction:row;gap:20px;align-items:center;padding:15px;background:#f9f9f9;border-radius:8px;text-align:justify}.overview-text{flex:1}.project-screenshot{border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);max-width:240px}.project-links{margin:20px 0;display:flex;flex-wrap:wrap;gap:10px}.btn{padding:10px;border:none;border-radius:6px;font-size:1rem;text-decoration:none;color:#fff;background-color:#007bff;text-align:center;transition:background-color .3s ease,transform .2s ease}.btn:hover{background-color:#0056b3;transform:translateY(-3px)}.demo-btn{background-color:#28a745}.demo-btn:hover{background-color:#218838}.tech-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tech-badge{background:#007bff;color:#fff;padding:8px 12px;border-radius:20px;font-size:.9rem;text-transform:uppercase}.project-ul{list-style-type:none;padding:0;margin:0}.project-li{margin-bottom:10px;font-size:1rem;padding:10px;background:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;gap:.25rem}.project-li>div:first-child{font-weight:700}@media (max-width:768px){.project-container{padding:15px;margin:10px}.project-title{font-size:1.25rem}.close-button{font-size:1.2rem;margin-bottom:10px}.project-links{flex-direction:column;gap:10px}.btn{width:100%}.project-overview-content{flex-direction:column}.project-h2{font-size:1.2rem}.project-li{font-size:.9rem;padding:10px}.tech-badges{flex-direction:column}.tech-badge{padding:6px 10px;font-size:.8rem}.project-screenshot{max-width:100%}}@media (max-width:480px){.close-button,.project-title{font-size:1rem}.project-container{padding:10px}.btn{padding:8px;font-size:.9rem}.project-li{font-size:.85rem}.tech-badge{padding:5px 8px;font-size:.75rem}}