body {
            font-family: "Merriweather", serif;
            background: #FFF5ED;
            margin: 0 auto;
       
        }
        
        .bg-qrcode {
            background: #191919;
        }
        
         .bg-qrcode-ligth  {
            background: #333333;
        }
        
        .bg-qrbutton {
            background: #9CEE69;
            color: #1a4200;
        }
        
        .bg-qrbutton:hover {
            background: #6cc832;
        }
        
        .text-gray-100 {
    --tw-text-opacity: 1;
    color: #ccc;
}

        .hiddenx {
            display: none;
        }
        
        .output {
            
              word-break: break-all;
  overflow-wrap: break-word;
  white-space: normal;

        }
         .accordion-content {
            display: none;
        }
        .accordion-content.active {
            display: block;
        }
        
      
        .dropzone {
            border: 2px dashed #cbd5e0;
            padding: 20px;
            text-align: center;
            background-color: #f7fafc;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }
        .dropzone:hover {
            background-color: #ebf4ff;
        }
        .hover\:bg-green-200:hover {
           background: #9CEE69;
        }
        .focus\:bg-green-200:focus {
           background: #9CEE69;
        }
        .b-bottom {
    border-bottom: 1px solid #ccc;
}

@media (min-width: 1536px) {
  .container {
    max-width: 1280px;
  }
}
        #qr-canvas {
    width: 200px; /* Görüntüleme boyutu */
    height: 200px; /* Görüntüleme boyutu */
}

.act-q {
    border-bottom: 3px solid #6CC832;
}