body {
  font-family: sans;
}

.sortable {

}

.sort-item {
  padding: 1em;
  border: #CCC 1px solid;
  border-radius: 0.2em;
  cursor: grab;
}

.blue-background-class {
  background: #CDF;
  cursor: grabbing;
}

.voteform {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2em;
    line-height: 1.5em;
}

p {
  margin-top: 0;
}

#hello, #voters {
    grid-column: 1  / 3;
}
h1, h2 {
    grid-column: 1  / 3;
    line-height: 1.1em;
}

.result-item {
  padding: 1em;
  border: #CCC 1px solid;
  border-radius: 0.2em;
  color: #888;
}

.ballot {
  border: 1px solid black;
  margin: 1em;
  border-radius: 0.4em;
}

.pos_1 {
  background-color: hsl(120, 80%, 70%);
  color: black;
}

.ballotlist {
  display: flex;
  flex-wrap: wrap;
}

.voter {
  padding: 1em;
  background-color: hsl(240, 10%, 80%);
}