@import url("https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,900&display=swap");
body {
  background: #222831 !important;
}
body .container {
  padding: 2%;
  font-family: "Roboto", sans-serif;
  color: #EEEEEE;
}

h1.qr-text {
  font-family: "Black Ops One", cursive;
  font-size: 32px;
  margin: 0;
}

#qrcode img {
  margin: 5% 0;
}

.main-box {
  width: 100%;
  max-width: 450px;
  padding: 5%;
  border: 1px solid #00ADB5;
  border-radius: 5%;
}

input.form-control-color {
  width: 100%;
}

button.btn {
  width: 100%;
  background-color: #00ADB5;
  color: #EEEEEE;
  border: none;
}
button.btn:hover, button.btn:active, button.btn:focus {
  transition: all 0.3s ease;
  background-color: #08D9D6;
  color: #252A34;
}

@media (max-width: 767px) {
  body {
    margin: 5% 2% !important;
  }
}
@media (max-width: 480px) {
  h1.qr-text {
    font-size: 28px;
  }
  #qrcode img {
    width: 100%;
    height: 90%;
  }
  .main-box {
    padding: 5%;
  }
}/*# sourceMappingURL=style.css.map */