/* Temel stil ayarları */
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
    }
    /* Sayfayı ortalamak için flexbox kullanımı */
    body {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #ffffff; /* Arka plan rengini ihtiyaca göre değiştirebilirsiniz */
    }
    /* Logonun varsayılan genişliği (desktop için) */
    .logo {
      width: 70%;
      max-width: 70%;
      height: auto;
    }
    /* Mobil uyumlu ayar: ekran genişliği 768px ve altı */
    @media screen and (max-width: 768px) {
      .logo {
        width: 90%;
        max-width: 90%;
      }
    }