body { 
  background-color: #000; 
  color: white; 
  font-family: Arial, sans-serif; 
  margin: 0; 
  padding: 0; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  min-height: 100vh; 
} 

.container { 
  width: 80%; 
  max-width: 1200px; 
} 

.header { 
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  margin-bottom: 20px; 
} 

.logo { 
  width: 150px; 
  height: auto; 
  margin-right: 0; 
  margin-bottom: 20px; 
} 

.blurb { 
  flex: 1; 
  display: flex; 
  align-items: center; 
  padding: 10px; 
  box-sizing: border-box; 
  width: 100%; 
} 

.blurb p { 
  margin: 0; 
  line-height: 1.6; 
  font-size: 16px; 
} 

.link-container { 
  display: flex; 
  justify-content: center; 
  margin-bottom: 30px; 
} 

.why-link { 
  background: none; 
  border: none; 
  color: white; 
  font-size: inherit; 
  font-family: inherit; 
  text-decoration: underline; 
  cursor: pointer; 
  padding: 0; 
} 

.button-blurb { 
  display: flex; 
  justify-content: center; 
  margin-bottom: 30px; 
} 

.button-blurb p { 
  margin: 0; 
  line-height: 1.6; 
  font-size: 16px; 
  text-align: center; 
} 

.button-container { 
  display: flex; 
  justify-content: center; 
  margin-bottom: 30px; 
  flex-wrap: wrap; 
} 

.button-container button { 
  margin-right: 10px; 
  margin-bottom: 10px; 
  padding: 8px 16px; 
  background-color: #111; 
  color: white; 
  border: 1px solid #333; 
  border-radius: 4px; 
  cursor: pointer; 
  transition: background-color 0.3s; 
} 

.button-container button:hover { 
  background-color: #333; 
} 

.seed-blurb { 
  display: flex; 
  justify-content: center; 
  margin-bottom: 30px; 
} 

#seed-container { 
  overflow-wrap: break-word; 
  word-wrap: break-word; 
  word-break: break-all; 
} 

.links-container { 
  display: grid; 
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
  gap: 10px; 
} 

.artist-link { 
  display: block; 
  padding: 10px; 
  background-color: #111; 
  color: white; 
  text-decoration: none; 
  text-align: center; 
  border-radius: 4px; 
  transition: background-color 0.3s; 
} 

.artist-link:hover { 
  background-color: #333; 
} 

.hidden { 
  display: none !important; 
} 

/* Media query for tablets and desktops */
@media screen and (min-width: 768px) { 
  .header { 
    flex-direction: row; 
  } 
  
  .logo { 
    margin-right: 20px; 
    margin-bottom: 0; 
  } 
}