
    /* Reset margins */
    body {
      margin: 0;
      padding: 0;
      /* background-color: #f5f5f5; optional light background */
    }

    /* Logo styling */
    .site-logo {
      position: fixed;           /* stays in place while scrolling */
      top: 15px;                 /* distance from top */
      left: 20px;                /* distance from left */
      width: 120px;              /* logo size */
      height: auto;
      z-index: 1000;             /* keep above other elements */
      border-radius: 8px;        /* smooth corners */
      background-color: transparent; /* no background behind logo */
      mix-blend-mode: multiply;  /* blends out white backgrounds */
      transition: transform 0.3s ease;
    }

    /* Hover effect */
    .site-logo:hover {
      transform: scale(1.05);
    }
