body{
  min-height:100vh;
  display:flex;
  justify-content: center;
  align-items: center;
  }

.container{
  text-align: center;
}

.hexfarbe{
  //text-transform: capitalize;
}
.hex{
  font-size: 3rem;
}
  .hexknopf{
    padding: 0.25rem 0.5 rem;
    border: 3px solid #f15025;
    border-radius: 7px;
    color: #f15025;
    background: rgba(0,0,0,0.6);
    font-size: 1.5rem;
    // text-transform: capitalize;
    cursor: pointer;
    outline: none;
  }
.hexknopf:hover{
  background: rgb(0,0,0,0.8);
}