body {
   margin: 0;
   padding: 0:
   font-family: 'Arial', sans-serif;
   background: url('galaxy 1.jpg');
no-repeat center center fixed;
   background-size: cover;
   color: color;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh
   display: flex;
   color: white;
}

.container {
   background: rgba (0, 0, 0, 0.7);
   padding: 30px;
   border-radius: 15px;
   text-align: center;
   width: 90%;
   max-width: 400px;
   box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}
 
h1 {
   font-size: 2rem;
   margin-bottom: 20px;
}

#question {
   font-size: 1.5rem;
   margin-bottom: 15px;
}

input {
   width: 100px;
   padding: 10px;
   font-size: 1.2rem;
   border: none;
   border-radius: 8px;
   margin-bottom: 15px;
}

button {
   width: 100%;
   padding: 10px;
   font-size: 1.2rem;
   background-color: #6200ea;
   color: white;
   border: none;
   border-radius: 8px;
   cursor: pointer;
}

button:hover {
   background-color: #3700b3;
}

#result {
   margin-top: 20px;
   font-size: 1.3rem;
}