/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-image: url('https://ells4ever.neocities.org/loveulotslikepolkadots.jpg'); background-repeat: repeat;
  color: black;
  font-family: Times New Roman;
}
  
  
header {
  text-align: center;
  padding: 40px 20px;
  background-color: #f0f0f0;
}

header h1 {
  margin: 0 0 10px;
  font-size: 2.4em;
}

header p {
  margin: 0;
  font-size: 1.1em;
  color: #555;
}


nav .sitemap {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; /* space between boxes */
}

nav .sitemap li {
  background-color: #FDF2F2; /* the pinkish white box color */
  padding: 20px;             /* more space inside each box */
  border: 1px solid #eee;    
  border-radius: 10px;       /* rounded corners */
  width: 200px;              /* fixed width to bring back the "box" look */
  text-align: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* soft shadow */
}



nav .sitemap a {
  text-decoration: none;
  color: #0066cc;

}

nav .sitemap a:hover {
  text-decoration: underline;
}

.images-gallery {
  text-align: center;
  padding: 20px;
}

.images-gallery img {
  max-width: 100%;
  height: auto;
  margin: 10px;
  border: 2px solid #ddd;
  border-radius: 4px;
}

.currently {
  background-color: #FDF2F2;
  padding: 20px;
  margin: 20px auto;
  max-width: 600px;
  border: 1px solid #eee;
}
 .sitemap li {
  background-color: #FDF2F2; /* the pinkish white box color */
  padding: 20px;             /* more space inside each box */
  border: 1px solid #eee;    
  border-radius: 10px;       /* rounded corners */
  width: 200px;              /* fixed width to bring back the "box" look */
  text-align: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* soft shadow */
}

.currently h2 {
  text-align: center;
  margin-top: 0;
}

.currently ul {
  text-align: center;
  list-style: none;
  padding: 0;
}

.currently ul li {
  text-align: center;
  margin: 8px 0;
}

footer {
  text-align: center;
  padding: 20px;
  background-color: #f0f0f0;
  margin-top: 40px;
}

footer p {
  margin: 0;
  color: #666;
		
}