body {
	background-image: linear-gradient(to bottom right, bisque, floralwhite, lavenderblush);
	color: black;
	padding: 1rem;
	
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	word-break: break-word;
  	hyphens: auto;
	
	font-family: Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, h3 {
	text-align: center;	
}	

p {
	margin: 1rem;
	line-height: 1.25;
	text-align: justify;
  	text-justify: inter-word;
}

a {
	word-break: break-all;
}

div {
	
}

div.right {
	float: right;
	right: 1rem;
	
	background-color: antiquewhite;
	display: block;
	width: 45%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 1rem;
}

div.left {
	float: left;
	left: 1rem;
	
	background-color: antiquewhite;
	display: block;
	width: 45%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 1rem;
}

div.title {
	background-color: antiquewhite;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 1rem;
	
	display: inline-block;
	float: none;
	width: 97%;
	margin-left: 1rem;
	margin-right: 1rem;
}

@media only screen and (max-device-width: 1000px) {
	
	
	p { 
		margin-top: 4rem;
		margin-bottom: 4rem;
		font-size: 2rem;
	}
	
	h3 {
		font-size: 3rem;
	}
	
	h2 {
		font-size: 4rem;
	}
	
	h1 {
		font-size: 5rem;
	}
	
	div.left, div.right, div.title {
		display: inline-block;
		float: none;
		width: 97%;
		margin-left: 1rem;
		margin-right: 1rem;
	}
}