body {
background-color: cornsilk;
font-family: sans-serif;
font-size: 16px;

}

h1 {
	color: darkblue;
}

a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: white;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}

/*this is the parent container*/
.container{
	width: 1200px;
	padding:0;
	margin: 0 auto; /*this centers my parent container*/
	border: 1px solid black;
	display: flex;

}

.item1 {
	background-color: lightblue;
	padding: 10px;
	margin: 10px;
}

.item2 {
	background-color: lightcoral;
	padding: 25px;
	margin: 25px;
}