*{
	box-sizing: border-box;
	
}

body {
	padding:0 50px;
	background-color:#CA9BFF;
	color: black;
	font-family: sans-serif;
	text-align: justify;


}

h1 {
	margin: 0;
	font size: 3rem;
	text-align: center;
	text-transform: uppercase;
	color:#7800FF;
	text-shadow: 3px 3px 3px black;
}
h2{
	margin:10px;
	font-size: 3rem
	text-transform:uppercase;
	color:blue;
	text-shadow: 0px 0px 5px black;	
	
}

.rojo {
	padding: 0 10px;
	color:black;
	background-color:#7800FF;



}
.rojo1{
	color:black;
	background:#7800FF;
	text-decoration: underline;
}

.rojo2{
	color:black;
	background:#7800FF;
}


	img{
		display: block;
	float:middle;
	border: #7800FF solid 5px;
	padding:2px;
	margin: 1rem;
	width: 100%;
	max-width: 300%;	

	}

	
	@media screen and (min-width: 800px){
	.caja1 .caja2{
		display: flex;
		flex-direction: row;
	}
}