#qr-page{
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  flex-direction: column;
  align-items: center;
}
#qrContainer {
    position: relative;
    top: 17%;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: 50vw;
    height: 50vw;
    background: #FFFFFF;
    border-radius: 20px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    
  }
  #qrcode{
    width: 80%;
    height: 80%;
    display: flex;
      justify-content: center;
      align-items: center;
  }
  #qrContainer img {
    height: 100%;
    
    /* border-radius: 20px; Make sure the QR code also has rounded corners */
  }
  #qrloader{
    height: 50% !important;
  }
  
  #qrContainer > div > canvas{
    width: 100%;
  }

  #home-button{
    position: relative;
    width: 15vw;
    height: 15vw;
    padding: 0;
    border: 0;
    background: transparent;
    top: 25%;
    /* transform: translateX(-50%); */
    /* left: 50%; */
  }

  #home-button > img{
    width: 100%;
    height: 100%;
  }