:root {
  --dy:88px;	
  
  --x1:105px;	  
  --y1:30px;
  
  --x2:105px;	  
  --y2:calc(var(--y1) + var(--dy));
   
  --x3:105px;	  
  --y3:calc(var(--y2) + var(--dy));
  
  --x4:105px;	  
  --y4:calc(var(--y3) + var(--dy));

   
  --xbtn:30px;	  
  --ybtn:370px;
  
  --xM:85px;	  
  --yM:360px;    
 
  --xpontos: 250px;
  --ypontos:170px;
  
  --x1a:calc(var(--x1) + 65px);
  --y1a:calc(var(--y1) + 5px);
  
  --x2a:calc(var(--x2) + 65px);
  --y2a:calc(var(--y2) + 5px);
  
  --x3a:calc(var(--x3) + 65px);
  --y3a:calc(var(--y3) + 5px);
  
  --x4a:calc(var(--x4) + 65px);
  --y4a:calc(var(--y4) + 5px);
  
  --x5a:calc(var(--x5) + 65px);
  --y5a:calc(var(--y5) + 5px);
}

/* NÃO ALTERAR -------------------------- */

.caixatxt {
	position:absolute;	
	width: 50px;
	height:30px;
	font-size:20px;	
	font-family: "Open Sans", sans-serif;
	font-weight:700;
	text-align:center;	
	color:#34495e;
	border: 2px solid #718093;
	border-radius: 5px;
}

.caixatxt:focus {	
	border: 3px solid #E9E9E9;
	background-color:rgba(236, 242, 248,0.2);
}

.button {
	position:absolute;	  
	border: none;
	color: white;
	width:190px;
	height:50px;
	text-align: center;	
	letter-spacing:1px;
	font-family: "Open Sans", sans-serif;
	font-weight:700;	
	font-size: 18px;
	border-radius: 5px;
	transition-duration: 0.2s;
	cursor: pointer;
}

.button1 {
  background-color: white; 
  color: #34495e; 
  border: 2px solid #008CBA;
}

.button1:hover {
  background-color: #00ace6;
  color: white;
}

.button1:focus {
  background-color: #008CBA;
  color: white;
}

/* -- */

.button2 {
  background-color: white; 
 color: #34495e; 
  border: 2px solid #FF4000;
}

.button2:hover {
  background-color: white;
  color:#205671;
  //color: #2c3e50;
}

.button2:focus {
  background-color: white;
  color: #2c3e50;
}

/* ------ */

.imagem1{
	position:absolute;
	left:var(--x1a);
	top:var(--y1a);
}

.imagem2{
	position:absolute;
	left:var(--x2a);
	top:var(--y2a);
}

.imagem3{
	position:absolute;
	left:var(--x3a);
	top:var(--y3a);
}

.imagem4{
	position:absolute;
	left:var(--x4a);
	top:var(--y4a);
}

.imagem5{
	position:absolute;
	left:var(--x5a);
	top:var(--y5a);
}

/* ------ */

.mensagem{
	font-size:20px;	
	font-family: "Open Sans", sans-serif;
	font-weight:700;
	position:absolute;	
	color:#009688;
}

/* ------ */
.pontos{
	font-size:20px;	
	font-family: "Open Sans", sans-serif;
	font-weight:700;
	color:#009688;
	position:absolute;	
	left:var(--xpontos);
	top:var(--ypontos);	
}

/* ------ */

.p1 {		
	left:var(--x1);
	top:var(--y1);
}

.p2 {	
	left:var(--x2);
	top:var(--y2);
}

.p3 {	
	left:var(--x3);
	top:var(--y3);
}

.p4 {	
	left:var(--x4);
	top:var(--y4);
}


.p5 {	
	left:var(--x5);
	top:var(--y5);
}


.pbtn {	
	left:var(--xbtn);
	top:var(--ybtn);
}

.pMensagem {	
	left:var(--xM);
	top:var(--yM);
}