body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.first-place {
  background-color: #c4a500 !important;
}

.second-place {
  background-color: #cecdcd !important;
}

.third-place {
  background-color: #955822 !important;
}

#results {
  display: grid;
  grid-template-columns: auto 3em;
  column-gap: 7px;
  row-gap: 5px;
}

#results > div {
  display: flex;
  flex-direction:  row-reverse;
  flex-wrap:  wrap;
  gap: 7px;
}

#results > div > div {
  padding: 2px
}

#inputs, .options {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    gap: 10px;
}

.options {
    padding: 10px
}

#permenant-input {
    display: flex;
    flex-direction: column;
}

.options > * {
  flex-direction: row;
  display: flex;
  background-color: white;
  padding-left:5px;
}

.draggable-options {
  width: 12em;
  min-height: 70px;
}

.draggable-options > div > * {
  text-align: center;
}

#drag-boxes-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  justify-items: space-between;
}

#ballot-submit {
  margin-top: 10px;
  margin-bottom: 10px;
}