body {
  background-image: url("background.png");
  background-color: white;
  background-position: top;
  background-position-x: right;
  background-attachment: fixed;
  min-inline-size: 500px;
  background-repeat: no-repeat;
}
img {
  align-content: center;
}

.title {
  font-size: 80px;
  text-align: center;
  text-shadow: 0 0 5px #9a9a9a;
}

.container {
  display: flex;
  flex-direction: row;
  padding: 50px;
  text-align: center;
}
.rowGrid {
  direction: row;
  justify-content: center;
  flex-shrink: inherit;
  flex-direction: row;
  align-content: center;
}
.columnGrid {
  direction: column;
  justify-content: center;
  flex-shrink: inherit;
  flex-direction: row;
  align-content: center;
}
.textField {
  width: 512px;
  grid-column: auto;
  margin: 0 10px;
  flex-shrink: inherit;
  flex-direction: row;
}
.choserTextField {
  width: 200px;
  grid-column: auto;
  margin: 0 10px;
  flex-shrink: inherit;
  flex-direction: row;
  text-align: left;
  background-color: white;
}
.smallTextField {
  width: 300px;
  grid-column: auto;
  margin: 0 10px;
  flex-shrink: inherit;
  flex-direction: row;
  text-align: left;
}
.numberField {
  width: 150px;
  grid-column: auto;
  margin: 0 10px;
  flex-shrink: inherit;
  flex-direction: row;
}
.table {
  size: small;
  flex-shrink: inherit;
  flex-direction: row;
  background-color: white;
}
.selectedColorField {
  -moz-user-focus: '#52be80';
}