body{

	font-family: Helvetica;
}

#canvas{
	max-width: 100%;
	max-height: 70vh;
	border-width: 1px;
  border-style: solid;
  border-color: #c4c4c4;

	
}

.contenido{
text-align: center;
width: 100%;
}




.fichero{
  display: none;
}

.cont{


}

.canvas1{
	cursor: pointer;
}

.boton{
	border-radius: 10px;
	margin: auto;
	margin-top: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30em;
	height: 5em;
	background-color: #3a3a3a;
	cursor: pointer;
	transition-duration: 0.25s;
	color: #ffffff;

}



.boton2{
		border-radius: 10px;

	margin: auto;
	margin-top: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30em;
	height: 5em;
	background-color:  rgba(209, 0, 20);	
	cursor: pointer;
	transition-duration: 0.25s;
	color: #ffffff;

}

.boton:hover{

	transform: scale(1.01);

}


#download{
	display: none;
}


@media only screen and (max-width: 900px) {

	.boton{

	width: 30em;
	height: 10em;


	}
  
	.boton2{
		
	width: 30em;
	height: 10em;


	}
}