body{
    background-color: black;
}

#webcamResizeLimiter{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

#webcamResizeLimiter #webcamResizer{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

#webcamResizer #webcamContainer{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    position: absolute;
    display: block;
}

#webcamContainer #webcamVideo{
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}

#webcamContainer .qrcodeFillDisplay{
    --border: 5px;
    --x: 0;
    --y: 0;

    border-style: solid;
    border-width: var(--border);
    border-color: rgba(255, 255, 0, 0.5);
    position: absolute;
    display: block;
    left: calc(var(--x) - var(--border));
    top: calc(var(--y) - var(--border));
}

#picTakenMessage{
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
}