body {
	background-color: #F8F8FF;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

header {
	background-color: #FFB6C1;
	color: white;
	padding: 20px;
	text-align: center;
}

h1 {
	font-size: 50px;
	margin: 0;
}

nav {
	background-color: #FFC0CB;
	padding: 10px;
	text-align: center;
}

nav a {
	color: white;
	font-size: 20px;
	margin: 0 10px;
	text-decoration: none;
}

nav a:hover {
	color: #7e7375;
}

section {
	margin: 20px;
}

section h2 {
	font-size: 30px;
	margin: 0;
}

section p {
	font-size: 20px;
	line-height: 1.5;
	margin: 0;
}

section img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
}

footer {
	background-color: #FFB6C1;
	color: white;
	padding: 20px;
	text-align: center;
}

ul div {
	background-color: yellow;
}

div {
    background:rgb(3, 242, 250);
    font-family: 'Dancing Script', cursive;
    color: rgb(59, 51, 51);
    }
  
hr {
  height: 20px;
  border: none;
  position: relative;
  background: #eaeaea;
}

hr::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 30px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' height='100%25' width='100%25'><path d='M0 20 Q 25 0, 50 20 T 100 20 L 100 100 L 0 100 Z' fill='%234a7c59'/></svg>");
  background-repeat: repeat-x;
}

.quotes{
    border-left: 2px solid rgba(220,220,220,0.5);
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}