#preview{
    position: fixed;
    /* right: 0;
    top: 0; */
    width: 70vw;
    height: 70vh;
    display:none;
    z-index: 1400;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.closecam_btn{
    position: fixed;
    left: 12rem;
    top: 7rem;
    display:none;
    z-index: 1500;
    padding: 10px 20px;
    background-color: white;
    color:black
}

.scanqrbtn{
    display:none;
    margin: 10px 5px;
    padding: 10px 10px;
    border: none;
    /* background: rgb(220,84,122);
    background: linear-gradient(90deg, rgba(220,84,122,1) 0%, rgba(229,142,53,1) 50%, rgba(221,89,116,1) 100%); */
    /* background: rgb(241,88,114);
    background: linear-gradient(180deg, rgba(241,88,114,1) 0%, rgba(192,85,206,1) 100%); */
    background: rgb(97,0,168);
    background: linear-gradient(180deg, rgba(97,0,168,1) 0%, rgba(208,0,210,1) 100%);
}

#cam_zone {
    width: 30vh;
    height: 30vh;
    position:fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -15vh 0 0 -15vh; /* apply negative top and left margins to truly center the element */
    background:
    linear-gradient(to right, white 4px, transparent 4px) 0 0,
    linear-gradient(to right, white 4px, transparent 4px) 0 100%,
    linear-gradient(to left, white 4px, transparent 4px) 100% 0,
    linear-gradient(to left, white 4px, transparent 4px) 100% 100%,
    linear-gradient(to bottom, white 4px, transparent 4px) 0 0,
    linear-gradient(to bottom, white 4px, transparent 4px) 100% 0,
    linear-gradient(to top, white 4px, transparent 4px) 0 100%,
    linear-gradient(to top, white 4px, transparent 4px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display:none;
    z-index:1700;
}

.coverpage{
    position: fixed;
    top:0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    display: none;
    z-index:1300;
}

/* @media only screen and (max-width: 1181px) { */
@media only screen and (max-width: 1800px) {
    .scanqrbtn{
        display:block;
    }
}