.portfolio{padding:20px;max-width:800px;margin:0 auto;font-family:Arial,sans-serif}h1{text-align:center;color:#333}p{font-size:1.2rem;color:#555;margin-bottom:1rem;font-weight:700}.project-list{display:grid;grid-template-columns:1fr;gap:20px}.project-card{display:flex;flex-direction:column;padding:20px;border:1px solid #eaeaea;border-radius:10px;background-color:#f9f9f9;box-shadow:0 4px 6px rgba(0,0,0,.1)}.project-card h2{margin:0 0 10px;color:#dc5e43;font-size:1.2rem}.project-card p{margin:5px 0;font-size:1rem;font-weight:500}.project-card a{color:#1bb2bb;font-size:larger}.project-image{width:100px;height:auto;display:block;margin-left:auto;margin-right:auto;margin-top:auto;cursor:pointer;border-radius:15px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.modal-content{position:relative;background-color:#fff;padding:20px;border-radius:10px}.modal-image{max-width:90vw;max-height:90vh}.close-modal{position:absolute;top:10px;right:10px;background:none;border:none;font-size:16px;cursor:pointer;color:#000}