@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/*
      SPACING SYSTEM (px)
      2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
      FONT SIZE SYSTEM (px)
      10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
*/

html {
  font-size: 62.5%;
}
body {
  height: 100vh;
  font-family: "Roboto", sans-serif;
  color: #495057;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container {
  background-color: #495057;
  padding: 6.4rem;
}
.display {
  font-size: 8rem;
  color: #fff;
  text-align: center;
}
.btn-container {
  margin-top: 2.4rem;
  display: flex;
  justify-content: center;
  gap: 2.4rem;
}
.btn {
  background-color: #fa5252;
  color: #fff;
  font-size: 1.8rem;
  padding: 1rem 2.4rem;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}