body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  margin: 0;
}

.row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  flex: 1;
}

.big-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 80px;
  font-style: bold;
  height: 24vh;
}

button {
  height: 5vh;
  font-size: 4vh;
}

.input {
  display: none;
  flex: 1;
  flex-direction: column;
  position: absolute;
  height: 100vh;
  width: 100vw;
  background-color: salmon;
}

.exit {
  position: absolute;
  top: 25px;
  right: 25px;

}

.small-button-container {
  display: block;
}

.small-button {
  float: left;
}

.medium-button {
  float: left;
}

.effect-button button {
  /* font-size: 6vh; */
  /* height: 7vh; */
  float: left;
}

#textInput {
  padding-top: 20vh;
  display: flex;
  flex-direction: column;

}

#m {
  font-size: 9vh;
}

#send {
  height: 10vh;
  width: 100vw;
  background-color: blue;
  font-size: 7vh;
}