body{
  background-image: url(data:image/jpeg;base64,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);
  background-size: 200px
}
h1 {
  color: ;
}
#result {
  background-color: white;
}
#container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border-radius: 1em;
  padding: 20px;
}