body {
	background: linear-gradient(to right, hotpink, orange);
}

	html * {
		/* !important will prevent any changes */
	/* font-size: 1.2em !important; */
	font-size: 22px;
	font-family: Arial !important;
	color: black;
	}

	@media all and (max-width: 1200px) and (min-width: 800px){
		font-size: 22px; 
	}

	@media all and (max-width: 799px) and (min-width: 600px){
		font-size: 24px; 
	}

	@media all and (max-width: 599px) and (min-width: 320px){
		font-size: 26px; 
	}

	.border {
		border-style: solid;
		border-width: 4px;
		border-radius: 30px;
		border-color: black hotpink green orange;
		padding: 4px 10px 4px 4px;
		margin: 20px 16px 4px 16px;
		display: block;
	}

	.border hr {
		padding:1px;
		margin:1px;
	}
	.border p {
		/* font-size:110%; */
		padding:2px;
		margin: 2px;		
	}

	.border p span {
		color: white;
	}

	.border p a {
		color: floralwhite;
	}

	.border p a:visited {
		color: green;
	}

	.border p a:active {
		color: yellowgreen;
	}

	.border p a:hover {
		color: green;
	}

	.border ul {
		list-style-type: none;
	}

	.small {
		font-size:0.8em;
	}

	.border img {
		padding:2px;
		margin: 2px;
	}	

	.border h1, h2, h3, h4 {
		padding:2px;
		margin: 2px;
	}

	.border_agent {
		border-style: solid;
		border-width: 4px;
		border-radius: 30px;
		border-color: black hotpink green orange;
		padding: 4px 10px 4px 4px;
		margin: 20px 16px 4px 16px;
		display: block;
	}

	.border_agent hr {
		padding:1px;
		margin:1px;
	}

	.border_agent p {
		/* font-size:110%; */
		padding:2px;
		margin: 2px;		
	}

	.border_agent p span {
		color: white;
	}

	.border_agent p a {
		color: floralwhite;
		font-size: 130%;
	}

	.border_agent p a:visited {
		color: green;
	}

	.border_agent p a:active {
		color: yellowgreen;
	}

	.border_agent p a:hover {
		color: green;
	}

	.border_agent h3 {
		padding:2px;
		margin: 2px;
	}