* {
	margin: 0;
	padding: 0;
}

body {
	display: flex;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

#capa {
	width: 100%;
	height: 100%;
}

#titulo {
	position: absolute;
    width: 43%;
    top: 10%;
    left: 28%;
}

a {
	position: absolute;
	width: 20%;
	height: 13%;
	top: 70%;
	left: 40%;
	background-color: #00d6c8cf;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border-radius: 100px;
	font-family: system-ui;
	font-size: 3vw;
	font-weight: bold;
	line-height: 35px;
}

#botao_continuar {
	display: none;
}

#original {
	width: calc(50% - 5px);
	margin-right: 10px;
}

#errado {
	width: calc(50% - 5px);
}

#botao-1 {
	position: fixed;
	top: 406px;
	left: 417px;
	width: 31px;
	height: 178px;
	background: none;
	border: none;
}

#botao-2 {
	position: fixed;
	top: 223px;
	left: 38px;
	width: 30px;
	height: 29px;
	background: none;
	border: none;
}

#botao-3 {
	position: fixed;
	top: 416px;
	left: 46px;
	width: 30px;
	height: 25px;
	background: none;
	border: none;
}

#botao-4 {
	position: fixed;
	top: 94px;
	left: 445px;
	width: 30px;
	height: 39px;
	background: none;
	border: none;
}

#botao-5 {
	position: fixed;
	top: 368px;
	left: 368px;
	width: 65px;
	height: 28px;
	background: none;
	border: none;
}

#botao-6 {
	position: fixed;
	top: 399px;
	left: 606px;
	width: 45px;
	height: 82px;
	background: none;
	border: none;
}

#botao-7 {
	position: fixed;
	top: 266px;
	left: 184px;
	width: 100px;
	height: 34px;
	background: none;
	border: none;
}

#erro-1 {
	display: none;
	position: fixed;
	top: 478px;
	left: 421px;
	width: 25px;
	height: 25px;
}

#erro-2 {
	display: none;
	position: fixed;
	top: 227px;
	left: 45px;
	width: 25px;
	height: 25px;
}

#erro-3 {
	display: none;
	position: fixed;
	top: 415px;
	left: 48px;
	width: 25px;
	height: 25px;
}

#erro-4 {
	display: none;
	position: fixed;
	top: 103px;
	left: 448px;
	width: 25px;
	height: 25px;
}

#erro-5 {
	display: none;
	position: fixed;
	top: 370px;
	left: 388px;
	width: 25px;
	height: 25px;
}

#erro-6 {
	display: none;
	position: fixed;
	top: 426px;
	left: 614px;
	width: 25px;
	height: 25px;
}

#erro-7 {
	display: none;
	position: fixed;
	top: 279px;
	left: 222px;
	width: 25px;
	height: 25px;
}

#botao-1-p2 {
	position: fixed;
	top: 406px;
	left: 1117px;
	width: 31px;
	height: 178px;
	background: none;
	border: none;
}

#botao-2-p2 {
	position: fixed;
	top: 223px;
	left: 738px;
	width: 30px;
	height: 29px;
	background: none;
	border: none;
}

#botao-3-p2 {
	position: fixed;
	top: 416px;
	left: 746px;
	width: 30px;
	height: 25px;
	background: none;
	border: none;
}

#botao-4-p2 {
	position: fixed;
	top: 94px;
	left: 1145px;
	width: 30px;
	height: 39px;
	background: none;
	border: none;
}

#botao-5-p2 {
	position: fixed;
	top: 368px;
	left: 1068px;
	width: 65px;
	height: 28px;
	background: none;
	border: none;
}

#botao-6-p2 {
	position: fixed;
	top: 399px;
	left: 1306px;
	width: 45px;
	height: 82px;
	background: none;
	border: none;
}

#botao-7-p2 {
	position: fixed;
	top: 266px;
	left: 884px;
	width: 100px;
	height: 34px;
	background: none;
	border: none;
}

#erro-1-p2 {
	display: none;
	position: fixed;
	top: 478px;
	left: 421px;
	width: 25px;
	height: 25px;
}

#erro-2-p2 {
	display: none;
	position: fixed;
	top: 227px;
	left: 45px;
	width: 25px;
	height: 25px;
}

#erro-3-p2 {
	display: none;
	position: fixed;
	top: 415px;
	left: 48px;
	width: 25px;
	height: 25px;
}

#erro-4-p2 {
	display: none;
	position: fixed;
	top: 103px;
	left: 448px;
	width: 25px;
	height: 25px;
}

#erro-5-p2 {
	display: none;
	position: fixed;
	top: 370px;
	left: 388px;
	width: 25px;
	height: 25px;
}

#erro-6-p2 {
	display: none;
	position: fixed;
	top: 426px;
	left: 614px;
	width: 25px;
	height: 25px;
}

#erro-7-p2 {
	display: none;
	position: fixed;
	top: 279px;
	left: 222px;
	width: 25px;
	height: 25px;
}

#proximo {
	display: none;
}