body {
  margin: 0;
  font-family: "Calibri", sans-serif;
  background-color: #f4f4f4;
  height: 100%;
}

h1 {
  font-size: 19px;
  padding: 0 5px 0 5px;
  color: black;
  cursor: pointer;
  margin: 4px;
}

::-webkit-scrollbar {
  display: none;
}

.logo-balloon {
  display: flex;
}

.balloon-button {
  color: var(--color);
  transition: 0.25s;
  background: none;
  border: 2px solid;
  border-radius: 3px;
  font: inherit;
  line-height: 1;
  margin: 0.5em;
}

.balloon-button:hover {
  border-color: var(--hover);
  color: #00c9a7;
}

.balloon-button:focus {
  border-color: var(--hover);
  color: #00c9a7;
}