body {
  color: black;
  /* Removed 'font-family: "Strawberry Muffins";' as it's not imported and likely a typo for Pixelify Sans */
  background-image: url("/image-assets/background.png");
  background-repeat: repeat;
  background-size: contain;
  
  display: flex; /* Makes the body a flex container */
  flex-direction: column; /* Stacks children vertically (default is row) */
  align-items: center; /* Centers items horizontally along the cross-axis */
  justify-content: center; /* Centers items vertically along the main-axis */
  min-height: 100vh; /* Ensures the body takes at least the full viewport height */
  margin: 0; /* Remove default body margin */
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=89732), auto; /* Always add a fallback like 'auto' */

}

h1 {
    text-align: center;
    font-family: "Pixelify Sans", sans-serif; /* Corrected font-family and added fallback */
    color: #0A400C;
    margin-bottom: 20px; /* Add some space below the title */
}

.tumblr-blog{
  width: 43rem;
  height: auto;
  min-height: 80vh;
  border-radius: 15px;
  font-family: "Pixelify Sans";
  background-color: transparent;
  box-shadow: none !important;
  overflow: auto;
}

.tumblr-blog:focus {
  outline: 2px solid #0A400C;
  outline-offset: 2px;
  overflow: auto;
}

@media (max-width: 700px) {
  .tumblr-blog {
    width: 95vw;
    height: auto;
    min-height: 60vh;
  }
}

.iframe-container {
  width: 43rem;
  max-width: 100vw;
  margin: 0 auto;
  /* Optional: add border, shadow, etc. */
}

.tumblr-blog {
  width: 100%;
  height: 5000px !important;   /* <-- Set your fixed height here */
  border-radius: 15px;
  font-family: "Pixelify Sans";
  background-color: transparent;
  box-shadow: none !important;
  overflow: auto;
}