body {
    font-family: 'Indie Flower', cursive;
}
body {
   background-image: url("https://i.pinimg.com/736x/28/68/c5/2868c5f23935833b276d221eaf492ab6.jpg")
}
container {
  display: grid;
  /* ... other grid properties ... */
  margin: 20px auto; 
  display: grid;
  gap: 20px;
  padding: 10px;
  margin: 20px;
}
  padding: 100px; /* Adds 20px of space on all sides */
  /* Other styles */
  width: 100%; /* ensures the container spans the full width */
  box-sizing: border-box; /* ensures padding is included in the width calculation */
}
table, th, td {
  border: 2px solid hotpink;
}
.header {
    /* Set the height of the header element directly */
    height: 100px; /* Adjust this value as needed */
    background-color: #333;
    color: white;
    padding: 10px; }
.center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.rounded-box {
  border-radius: 15px;
  border: 2px solid hotpink; /* A border is required to see the effect unless you have a background color */
  background-color: #FFFFFF;
  padding: 5px;
  width: 200px; }
 
 .button {
   font-family: 'Indie Flower'
  background-color:#FFEBF4;
  border: solid hotpink;
  border-radius: 25px;
  color: white;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;}