@media (max-width: 431px) {
  .printable-school-logo {
    height: 50%;
    width: 50%;
  }

  .login-box {
    width: 90%;
  }

  .btn-text {
    font-size: 12px;
  }
}

@media (min-width: 432px) {
  .printable-school-logo {
    height: 25%;
    width: 25%;
  }

  .login-box {
    width: 70%;
  }
}

@font-face {
  font-family: "Darumadrop One";
  src: url("/static/fonts/DarumadropOne-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

h1 {
  font-size: 3em;
  color: #6f6bbc;
}
body {
  background-color: #6bbc6f;
  font-family: "Darumadrop One", sans-serif;
}

#library_login {
  display: none;
}

#reader button {
  background-color: #4caf50; /* Green background */
  color: white; /* White text */
  border: none; /* Remove default border */
  padding: 10px 20px; /* Padding */
  text-align: center; /* Center text */
  text-decoration: none; /* Remove underline */
  display: inline-block; /* Inline-block display */
  font-size: 1.5rem; /* Font size */
  margin: 4px 2px; /* Margin */
  cursor: pointer; /* Pointer cursor */
  border-radius: 12px; /* Rounded corners */
}

#reader .qr-shaded-region {
  border: 2px dashed #4caf50; /* Dashed green border for scanning area */
  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
}

#reader .qr-shaded-region .qr-canvas {
  border-radius: 10px; /* Rounded corners for the canvas */
}