/* lyrics.css */
 @import url(https://db.onlinewebfonts.com/c/ef6bdf5ef216552c7e9869841e891ca0?family=Arial+Rounded+MT+Bold); 


body {
  /*font-size: clamp(10px, 3vw, 24px); */
  font-family: 'Arial Rounded MT Bold', Arial, sans-serif;
  
  margin: 0;
  padding: 0;

  display: flex;                   /* use flexbox */
  flex-direction: column;   /* stack items vertically */
  justify-content: flex-start;  /* optional: align to top */
  align-items: center;          /* center horizontally */
  flex-shrink: 0;
  justify-content: center;         /* centers content horizontally */
  
  background: linear-gradient(to bottom, #fefeff, #ffd9d9);
  background-repeat: no-repeat; /* prevent tiling */
  background-attachment: fixed; /* optional: stays in place on scroll */
  background-size: cover;       /* stretch gradient to fill page */
  
}

pre {

  font-family: 'Arial Rounded MT Bold', Arial, sans-serif;
  width: 85%;                /* take up 75% of screen */
  max-width: 100%;           /* never exceed screen width */
  white-space: pre-wrap;           /* preserve line breaks but wrap lines */
  overflow-wrap: normal;           /* wrap only at spaces */
  word-break: normal;              /* don’t break words */
  font-size: clamp(20px, 2vw, 30px); 
  text-align: left;                /* keep text inside aligned left */
}

.divider {
  border-top: 2px solid black;  /* visible line */
  width: 100%;                   /* match your pre width */
  margin: 1em auto;             /* spacing and centering */
}