* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: auto; /* Set to 100% to fill the viewport */
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column; /* Stack children vertically */
  justify-content: flex-start; /* Align children to the start of the cross axis */
  align-items: center; /* Center children on the main axis */
  background: #000000; /* Simplified background gradient to a solid color for testing */
}

.clip-text {
    font-family: 'Paytone One', sans-serif;
  display: block; /* Block-level element to fill the width of its container */
  width: 100%; /* Ensure the background spans the entire width */
  font-size: 17vw; /* Responsive font size */
  font-weight: 700;
  color: transparent;
  background: url('wine.gif') no-repeat center center;
  background-size: cover; /* Adjust as needed to 'contain' or 'cover' */
  -webkit-background-clip: text;
  background-clip: text;
  text-align: center; /* Centers the text */
  padding-top: 0vh; /* Pushes the text down from the top; adjust as needed */
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.2); /* Softer white glow */
}