.qr { margin-top: 2rem; }

@media print {
  .no-print { display: none !important; }
  body * { margin-left: auto !important; margin-right: auto !important; }
  .qr-container {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    height: 100vh;
  }

  [data-controller="background-color"] {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
}