#qr-reader {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 3%;
    left: 0;
    z-index: 1000;
}

#RescannButton{
    font-size: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    border: 2px solid black;
    padding: 10px;

}

#StartButton {
    font-size: 40px; /* smanji ako treba */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    white-space: normal; /* omogućava prelazak u novi red */
    border: 2px solid black;
    padding: 20px 30px; /* više paddinga za "deblje" dugme */
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    text-align: center; /* centriranje teksta */
    line-height: 1.2; /* malo zgusnuto da stane */
}

#Icon{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
}

body, html{    
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    background-color: #00FFFF;
}