* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: url('/idksomepic.jpg') no-repeat center center fixed; /* Ensure this path is correct for your background image */
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-shadow: 0 0 10px rgba(0,0,0,0.8);
  flex-direction: column; /* To stack elements vertically */
  position: relative; /* Added to make absolute positioning of top-left-text relative to body */
}

.top-left-text {
  position: absolute; /* Position it relative to the body */
  top: 20px; /* Distance from the top */
  left: 20px; /* Distance from the left */
  font-size: 1.2rem; /* Adjust font size as needed */
  font-weight: bold; /* Make it bold for better visibility */
  /* No background or padding for plain text */
  z-index: 10; /* Ensure it stays on top of other content if any overlaps */
}


.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* Add some spacing from the top if needed, or adjust alignment */
}

.site-title h1 {
  font-size: 2.5rem; /* Adjust size as needed */
  margin-bottom: 10px; /* Space between title and tagline */
  /* No background or padding to avoid the grey box */
}

.tagline p {
  font-size: 1.5rem; /* Matches your old content p size */
  text-align: center;
  /* Remove background, padding, and border-radius to get rid of the grey box */
}