/*Reset*/
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 /*Sayfa Geneli Ayar*/
 body {
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     background-color: #020617;
     color: #e5e7eb;
     min-height: 100vh;
     display: flex;
     flex-direction: column;
 }

 /*üst menü*/
 nav {
     display: flex;
     gap: 1rem;
     padding: 0.9rem 2rem;
     border-bottom: 1px solid #1e293b;
     position: sticky;
     top: 0;
     background-color: rgba(15, 23, 42, 0.9);
     backdrop-filter: blur(8px);
     z-index: 50;
 }

 /*Menü Link*/
 nav a {
     text-decoration: none;
     color: #e5e7eb;
     font-weight: 500;
     padding: 0.4rem 0.8rem;
     border-radius: 0.4rem;
     transition: background-color 0.15s ease, color 0.15s, trasnform 0.1s ease;
 }

 nav a.aktiff {
     border-bottom: 3px solid #444444;
     padding-bottom: 5px;
     background-color: #4338ca;
     color: #0f172a;
 }

 nav a:hover {
     background-color: #4338ca;
     color: #020617;
     transform: translateY(-1px);
 }

 /*Ana İçerik Alanı*/

 main#icerik {
     flex: 1;
     width: 100%;
     max-width: 1080px;
     margin-inline: auto;
     padding: 2rem 1.5rem;

 }


 /*Başlıklar*/
 main#icerik h1,
 main#icerik h2 {
     font-weight: 700;
     color: #e5e7eb;
     letter-spacing: 0.02em;
     margin-bottom: 1rem;
 }

 /*Ana başlık*/
 main#icerik h1 {
     font-size: 2rem;
     border-left: 4px solid #4338ca;
     padding-left: 0.75rem;
 }

 /*Alt başlık*/
 main#icerik h2 {
     font-size: 1.4rem;
 }

 /* Paragraflar */
 main#icerik p {
     color: #cbd5e1;
     font-size: 1rem;
     line-height: 1.6rem;
     margin-bottom: 1rem;
 }

 /* Hamburger Menü*/
 .menu-btn {
     display: none;
     font-size: 28px;
     cursor: pointer;
 }

 @media (max-width: 768px) {
     nav a {
         display: none;
     }

     nav.active a {
         display: block;
         margin: 10px 0;
     }

     .menu-btn {
         display: block;
     }
 }

 /*Footer*/
 footer {
     text-align: center;
     margin-top: 4px;
     opacity: 0.6;
 }

 /*Projeler Kısmı*/
 .projeler {
     display: flex;
     flex-direction: column;
     gap: 30px;
 }

 .proje {
     background: rgba(255, 255, 255, 0.05);
     border-radius: 15px;
     padding: 20px;
     max-width: 800px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
 }

 /*Proje Kısmına Hover*/
 .proje {
     transition: transform 0.3s, box-shadow 0.3s;
 }

 .proje:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
 }

 /*Fotoları Düzenleme*/
 .proje img {
     transition: transform 0.3s;
     width: 100%;
     max-height: 220px;
     object-fit: cover;
     border-radius: 10px;
     margin-bottom: 10px;
     margin: 15px 0;
     filter: brightness(0.9) contrast(1.1);
 }

 .proje:hover img {
     transform: scale(1.05);
 }