.App {
  position: relative;
  margin: 0 auto;
  width: 870px;
}

body {
  padding: 0 2rem;
  margin: 2rem;
}

.container.calculator { display: block !important; }

.calculator select, .calculator input {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.price {
  font-weight: bold;
}

.btc {
  font-weight: bold;
}

.btc.profit, .fiat.loss {
  color: #92cc41;
}

.btc.loss, .fiat.profit {
  color: #e76e55;
}

.balloon.container .balloon {
  max-width: 600px;
  margin: 2rem 2rem;
}

.balloon.container .messages {
  display: flex;
  flex-direction: column;
}
.balloon.container .message {
  display: flex;
}
.balloon.container .message i {
  align-self: flex-end;
}
.balloon.container .message.-left {
  align-self: flex-start;
}
.balloon.container .message.-right {
  align-self: flex-end;
}