canvas {
    max-width: 100%;
    height: auto !important;
    padding-top: 70px !important;
}
body {
    font-size: 1.1rem;
    max-width: 100%;
    height: auto !important;
    padding-top: 70px !important;
}
.card {
    margin-top: 1rem;
}
#reader {
    width: 100%;
    max-width: 320px;
    margin: 1rem auto;
    display: none;
}

.btn-primary {
	--bs-btn-bg: #0d7a66 !important;
	--bs-btn-border-color:  #a9c5db  !important;
	
	--bs-btn-hover-bg: #a9c5db  !important;
	--bs-btn-hover-color: #224560 !important;
	--bs-btn-hover-border-color: #a9c5db; !important;
	
	--bs-btn-active-bg: #0d7a66  !important;
    --bs-btn-active-border-color: #0d7a66  !important;
	
}

.btn-lg {
    font-size: 1.2rem;
    padding: 0.75rem 1.25rem;
    
}
.modal-content {
  padding: 1.5rem;
  border-radius: 0.5rem;
}

.modal-body {
  padding: 1rem 1.5rem;
}

.modal-header,
.modal-footer {
  padding: 1rem 1.5rem;
}

.fit-picture {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.logo-picture {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 25px;
}