body {
  font-family: Arial, sans-serif;
  background-color: rgb(6, 12, 22);
  color: #FFFFFF; 
  padding: 20px;
}

select, input {
  color: #FFFFFF;
}


.container {
  margin-bottom: 20px;
  padding: 20px;
}

select {
  background-color: rgb(6, 14, 21);
  color: #FFFFFF;
}



label {
  display: block;
  margin-top: 20px;
}


button {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: rgb(6, 12, 22);
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  margin-top: 20px;
  cursor: pointer;
}

button:hover {
  background-color: #007ab8;
}

#result {
  font-weight: bold;
  margin-top: 20px;
  background-color: rgb(13, 26, 37);
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}