body {
display
: flex;
justify-
content
:
center
;
margin
:
0
;
padding
:
0
;
height
:
100
vh;
box-sizing: border-box;
text-align
:
center
;
background
:
rgb
(
128
0
0
/
66%
);
}
.container {
width
:
100%
;
max-width
:
500px
;
margin
:
5px
;
}
.container h
1
{
color
:
#ffffff
;
}
.section {
background-color
:
#ffffff
;
padding
:
50px
30px
;
border
:
1.5px
solid
#b2b2b2
;
border-radius:
0.25em
;
box-shadow:
0
20px
25px
rgba(
0
,
0
,
0
,
0.25
);
}
#my-qr-reader {
padding
:
20px
!important
;
border
:
1.5px
solid
#b2b2b2
!important
;
border-radius:
8px
;
}
#my-qr-reader img[alt=
"Info icon"
] {
display
:
none
;
}
#my-qr-reader img[alt=
"Camera based scan"
] {
width
:
100px
!important
;
height
:
100px
!important
;
}
button {
padding
:
10px
20px
;
border
:
1px
solid
#b2b2b2
;
outline
:
none
;
border-radius:
0.25em
;
color
:
white
;
font-size
:
15px
;
cursor
:
pointer
;
margin-top
:
15px
;
margin-bottom
:
10px
;
background-color
:
#008000
ad;
transition:
0.3
s background-color;
}
button:hover {
background-color
:
#008000
;
}
#html
5
-qrcode-anchor-scan-type-change {
text-decoration
:
none
!important
;
color
:
#1d9bf0
;
}
video {
width
:
100%
!important
;
border
:
1px
solid
#b2b2b2
!important
;
border-radius:
0.25em
;
}