body {
    margin: 0;
    padding: 0;
    background-image: url("res/arka\ plan.png");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    font-family: 'Segoe UI', sans-serif;
  }
  
  header, footer {
    background: rgba(0, 0, 0, 0.151);
  }
  
  .card img {
    object-fit: cover;
    height: 200px;
  }
  
  .btn-light {
    border-radius: 25px;
    font-weight: bold;
  }
  
      #webAlert {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1050;
        display: none;
        animation: slideDown 0.5s ease forwards;
      }


      pre {
        background-color: #33333354;
        color: #fff;
        padding: 20px;
        border-radius: 5px;
        overflow-x: auto; /* Yatay kaydırma çubuğu ekler */
        overflow-y: auto; /* Dikey kaydırma çubuğu ekler */
        max-height: 500px; /* İstediğin yükseklikle sınırlı yap */
        white-space: pre-wrap; /* Satırların taşmasını engeller */
      }