/* style.css file*/
.containerScreen {
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
}

body {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    height: 100vh;
    box-sizing: border-box;
    text-align: center;
	background: rgb(229,255,153);
	background: linear-gradient(45deg, rgba(229,255,153,1) 0%, rgba(38,255,201,1) 49%, rgba(36,173,186,1) 100%);
	overflow: hidden;
}
.container {
    width: 100%;
    max-width: 800px;
    margin: auto;
	min-height: 100%;
	/* display: none; */
}

.containerGame {
	min-width: 100%;
	display: none;
	text-align: center;
}

#start {
	color: #FFF;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 3vh;
	position: absolute;
	bottom: 5vh;
}

.container h1 {
    color: #ffffff;
}

.section {
    /* background-color: #2C2C2C;*/
    padding: 0px 0px;
	border: 0px !important;
    /* border: 1.5px solid #b2b2b2; */
    border-radius: 0.25em;
    /* box-shadow: 0 20px 25px rgba(0, 0, 0, 0.25); */
}

#my-qr-reader {
    padding: 0px !important;
    /* border: 1.5px solid #b2b2b2 !important; */
	border: 0px !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;
}

/*
#my-qr-reader__dashboard {
	display: none !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: #008000ad;
    transition: 0.3s background-color;
}

button:hover {
    background-color: #008000;
}

#html5-qrcode-anchor-scan-type-change {
    text-decoration: none !important;
    color: #1d9bf0;
}

video {
    width: 100% !important;
	height: 100% !important;
    /*border: 1px solid #b2b2b2 !important;
    border-radius: 0.25em;*/
}