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

}

h1 {
	color: indianred;

}

h2 {
	color:burlywood ;
}

p{
	color: goldenrod;
}

/*this is the parent container*/
.container{
	width: 1200px;
	padding:10;
	margin: 10; /*this centers my parent container*/
	border: 1px solid black;
	display: flex;
	justify-content: center;

}

.item1 {
	background-color: lightcyan;
	width: 450px;
	padding: 10px;
	margin: 10px;
}

.item2 {
	background-color: lightyellow;
	width: 450px;
	padding: 10px;
	margin: 10px;

}

.playpen-sans{
  font-family: "Playpen Sans", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.playfair-display{
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.exo-2{
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.dosis{
  font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.bodoni-moda{
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.shadows-into-light-regular {
  font-family: "Shadows Into Light", cursive;
  font-weight: 400;
  font-style: normal;
}