*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}

body{
	background: rgb(34,193,195);
	background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(250,198,85,1) 0%);
}

.boton_personalizado:hover
{
background-color: rgb(151, 0, 227);
color: azure;
border-radius: 20px;
width: 195px;
height: 35px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size: 20px;
}
.boton_personalizado
{
background-color: #ff0000;
color: rgb(255, 255, 255);
border-radius: 20px;
width: 200px;
height: 40px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size: 20px;
font-weight: bold;
}
.boton_personalizado_1:hover
{
background-color: rgb(151, 0, 227);
color: azure;
border-radius: 20px;
width: 210px;
height: 45px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size: 20px;
}
.boton_personalizado_1
{
background-color: rgb(0, 119, 230);
color: rgb(255, 255, 255);
border-radius: 20px;
width: 220px;
height: 45px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size: 20px;
font-weight: bold;
}
.boton_personalizado_2
{
background-color: #fcf3f3;
color: rgb(3, 3, 3);
border-radius: 20px;
width: 190px;
height: 40px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
text-align: center;
}
 .boton_personalizado_1:hover
{
background-color: rgb(189, 63, 252);
color: azure;
border-radius: 20px;
width: 210px;
height: 45px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size: 20px;
}
.boton_personalizado_1
{
background-color: rgb(0, 119, 230);
color: rgb(255, 255, 255);
border-radius: 20px;
width: 220px;
height: 45px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size: 20px;
font-weight: bold;
}

#contenedor{
	position:relative;
	margin:5vh auto;
	width:1000px;
	height:500px;
}

#lienzo{
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
}

#contenedor button{
	display:block;
	position: relative;
	margin:5px 0;
	padding:10px;
	cursor:pointer;
}

#vertical{
	display:none;
}

@media all and (orientation: portrait){

	#contenedor{
		display:none;
	}

	#vertical{
		display:block;
		position:fixed;
		width:100%;
		height:100vh;
		z-index:1;
		background:url(../img/rotarVertical.svg);
		background-size:cover;
		background-position:center;
	}

}