@font-face {
  font-family: "PressStart2P-Regular";
  src: url("fonts/PressStart2P-Regular.ttf");
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: pink;
  min-height: 100vh;
  font-family: PressStart2P-Regular;
}

.calculator {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.result {
  margin-top: 24px;
  font-size: 20px;
  background-color: #efefef;
  padding: 32px 16px;
  border: 1px solid black;
  width: 526px;
  text-overflow: ellipsis;
}

button {
  font-size: 20px;
  font-family: PressStart2P-Regular;
  width: 140px;
  height: 80px;
}