html{
	background-color: #064741;
}
<style>
@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Lovers+Quarrel&family=Quintessential&display=swap');
</style>

body{
	line-height: 30px;
}

.hd1{
	 font-family: "Cookie", cursive;
  	font-weight: 400;
  	font-style: normal;
	font-size: 20px;
	color: #b0f5ee;
}
.hd2{
	font-family: "Cookie", cursive;
  	font-weight: 400;
  	font-style: normal;
	font-size: 20px;
	color: #7a6150;
}
.sub{
	font-family: "Quintessential", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 18px;
	color: #6bd6cb;
}

.sub2{
 	font-family: "Quintessential", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 18px;
	color:#662901 ;
}
.p1{
	font-family: "Quintessential", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 15px;
	color: #94d6d0;
}
.p2{
	font-family: "Quintessential", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 15px;
	color: #785843;
}
.container {
	justify-content: center;
	width: 1200px;
	padding: 30px;
	margin: 10px auto;
	display: flex;
	background-color: #676b4e;
}
.item1{
	width: 450px;
	background-color: #947763;
	padding: 10px;
	margin: 10px;
}
.item2{
	width: 450px;
	background-color: #94d6d0;
	padding: 10px;
	margin: 10px;	
}