*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}a{text-decoration:none;color:inherit}.container{width:90%;max-width:1000px;margin:auto}.navbar{background-color:#fff;padding:1rem 0;border-bottom:1px solid #eee}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.5rem}.nav-links{list-style:none;display:flex;gap:1rem}.nav-links a:hover{color:#0070f3}.hero{position:relative;text-align:center;color:#fff}.hero-img{width:100%;height:300px;object-fit:cover;filter:brightness(.7)}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#00000080;padding:1rem 2rem;border-radius:8px}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem;margin-top:1rem}.about,.projects,.contact{padding:2rem 0}.about h2,.projects h2,.contact h2{margin-bottom:1rem;text-align:center}.about p{max-width:800px;margin:0 auto;text-align:center;background-color:#fffc;padding:1rem 2rem;border-radius:8px}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.project-card{background-color:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease}.project-card:hover{transform:translateY(-5px)}.project-image{width:100%;height:150px;object-fit:cover}.project-content{padding:1rem}.project-content h3{margin-bottom:.5rem}.project-content p{font-size:.9rem;color:#555}.project-link{display:inline-block;margin-top:.5rem;color:#0070f3;font-weight:700}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.contact-form label{display:flex;flex-direction:column;font-weight:700}.contact-form input,.contact-form textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.contact-form button{padding:.7rem 1.2rem;border:none;background-color:#0070f3;color:#fff;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.contact-form button:hover{background-color:#005bb5}.footer{text-align:center;padding:1rem 0;background-color:#fff;border-top:1px solid #eee;margin-top:2rem}.project-page{max-width:800px;margin:2rem auto;padding:0 1rem}.project-page h2{text-align:center;margin-bottom:1rem}.project-page p{margin-bottom:1rem;line-height:1.6}.project-media{margin:1rem 0;display:flex;justify-content:center}.project-media img{width:100%;max-height:400px;object-fit:cover;border-radius:8px}.project-page .project-link{display:inline-block;margin-top:.5rem;color:#0070f3;font-weight:700}.about-text{max-width:800px;margin:0 auto;text-align:center;background-color:#fffc;padding:1rem 2rem;border-radius:8px}