.container {
  margin-top: 40px;
}

.tab-content {
  padding: 20px;
}

.modal-dialog {
  max-width: 80%;
}

canvas {
  width: 100%;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

input.form-control {
  width: 30%;
}

#shares .card,
#shares .alert {
  margin: 20px 0;
}

.card-body {
  display: flex;
}

.hash {
  word-break: break-all;
  margin-left: 20px;
  font-family: monospace;
  font-size: 16px;
}

.input-group {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 576px) {
  .card-body {
    flex-direction: column;
    align-items: center;
  }
  .hash {
    margin-left: 0;
    margin-top: 20px;
  }
}