/* ==========================================================================
   Article Header Styles
   ========================================================================== */
header {
     margin-top: 60px;
 }
 .header-overlay h1 {
     margin-top: 20px;
     font-size: 2.5rem;
     font-weight: bold;
     color: #333;
 }

 .btn {
    border: none;
}

/* ==========================================================================
   Article Content Styles
   ========================================================================== */
.story-content {
     padding-left: 15px; /* Sol kenar boşluğu */
     padding-right: 15px; /* Sağ kenar boşluğu */
 }
 .story-content p {
     font-size: 1.1rem;
     line-height: 1.6;
     color: #444;
     margin-bottom: 20px;
 }

/* ==========================================================================
   Article Media Styles
   ========================================================================== */
.story-content img {
     width: 80%; /* Görsel boyutu %80 olarak ayarlandı */
     height: auto;
     margin: 20px 0; /* Görselin üst ve altındaki boşluk */
     display: block; /* Görselin blok olarak yer almasını sağlamak için */
     margin-left: auto; /* Sol hizalama için otomatik margin */
     margin-right: auto; /* Sağ hizalama için otomatik margin */
 }

/* ==========================================================================
   Quote Block Styles
   ========================================================================== */
.quote-block {
     background-color: #f9f9f9;
     border-left: 5px solid #007bff;
     padding: 15px;
     margin: 20px 0;
     font-style: italic;
 }