body {
  background-color: #F2F3D9;
  background-image: url(bg/bg.png);
  margin-right: auto;
  margin-left: auto;
  min-height: 100vh;
  
  justify-content: center;
  display: grid;
  place-items: center; /* Centers content both vertically and horizontally */
}
  
h1, h2 {
  text-align: center;
}
  
h3 {
  text-align: center;
}
  
p {
  color: #25283D;
}
  
.header-container {
  justify-content: center; /* Center images horizontally */
  display: flex;
  align-items: center; /* Align items vertically in the center */
  gap: 10px; /* Add space between the paragraph and the image */
}

.center-body {
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  background-image: url('bg/white-circle.png');
  box-shadow: 0 4px 8px #25283D;
}

.removable {
  border-radius: 0px; 
}

@media screen and (max-width: 700px) {
  .removable {
    display: none;
  }
}