html, body {
  margin: 0;
  padding: 0;
}

body {
  background: linear-gradient(135deg, #0748bf, #87cbc3, #fbf6e0);
  background-size: 300% 300%;
  animation: shimmer 12s ease infinite;
  color: #F8F2E8;
  font-family: "Georgia", serif;
}

body, p, a, li, span {
  font-family: "Georgia", serif;
}

h1, h2, h3 {
  font-family: "Great Vibes", cursive;
  color: #df5080;
  font-weight: 700;
}

p {
  line-height: 1.6;
  margin-bottom: 1rem;
}

a {
  color: #c2185b;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

@keyframes shimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.flower-fixed {
  float: right;
  width: 180px;
  margin: 20px;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15));
  animation: floaty 4s ease-in-out infinite;
  
}

@keyframes floaty {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}

.topnav a {
  color: white;
  margin: 0 15px;
  text-decoration: none;
  font-family:Georgia, serif;
  font-size: 18px;
}
.topnav a:hover {
  text-decoration: underline;
}

.content-box {
  max-width: 700px;   
  margin: 40px auto;  
  background: #ffdd78;
  color: #100e0c; 
  padding: 50px;
  border-radius: 10px; 
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.img9 {
  float: right;
  width: 100px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.intro {
  margin-bottom: 50px;
}
.image-blurb {
  margin-top: 120px;
  margin-bottom: 150px;
}
.h2 {
  margin-top: 150px;
}
.visuals {
  margin-top: 100px;
  margin-bottom:100px;
}


  border-radius: 8px;
}