body {
  background-color:rgba(255, 192, 203, 0.5);
  background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/flowers%2026.gif);
  color: black;
  font-family: "Josefin Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  border-style: solid;
  border-color: pink; 
}
  .textbox {
  background-color: rgba(255, 192, 203, 0.5);

  border: 3px solid pink;

  padding: 20px;
  margin: 40px;

  width: fit-content;
  }
  
/* Navigation bar */

nav {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 25px;
}

/* Menu container */

nav ul {
  list-style: none;
  padding: 15px 25px;
  margin: 0;

  display: flex;
  flex-wrap: wrap;
  gap: 15px;

  background-color: rgba(255, 105, 180, 0.25);

  border: 2px solid hotpink;
  border-radius: 20px;

  box-shadow: 3px 3px 0px hotpink;
}

/* Menu buttons */

nav a {
  display: inline-block;

  padding: 10px 18px;

  text-decoration: none;

  font-family: "Josefin Sans", sans-serif;
  font-size: 18px;

  color: black; 

  background-color: hotpink;

  border: 2px solid white;
  border-radius: 12px;

  transition: 0.25s ease;
}


/* Hover effect */

nav a:hover {
  background-color: white;
  color: hotpink;
  transform: scale(1.08);
}