h1 {
  text-align: center;
  display: block;
}

H3 {
color:#FFFFFF;
  text-align: center;
  display: block;
}
#gr.Button {
  margin: auto;
  color: #fff;
  background: #CCCC00;
  border-radius: 25px;
}

.gradio-container {
  max-width: 730px !important;
  margin: auto;
  padding-top: 1.5rem;
margin-left: 2px;
margin-right:2px;
min-width: 600px;
 background: #43094F;
 background: radial-gradient(ellipse farthest-corner at center center, #43094F 20%, #040000 96%);
 padding:20px;
color:#FFFFFF;
  border-radius: 25px;
  border: 1px solid #FFFFFF;  
}


#title-container {
   color:#FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Adjust this value to position the title vertically */
  }

#title {
    font-size: 3em;
    text-align: center;
    background: transparent;
  }

#subtitle {
  text-align: center;
}