styles.css

body {
  background-color: #EFE4DC;
}

#calc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 270px;
  background-color: grey;
  border: 4px solid black;
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  width: 270px;
  background-color: black;
}

button {
  width: 67.5px;
  height: 55px;
  border-radius: 0px;
  border: 1px solid black;
  background-color: #5B5C64;
  color: white;
}

button:hover {
  border: 1px solid white;
}

#add, #subtract, #multiply, #divide, #delete, #ans {
  background-color: #6F7079;
}

#delete {
  background-color: rgb(0, 0, 200);
}

#clear {
  width: 135px;
  background-color: rgb(200, 0, 0);
}

#equals {
  background-color: #315BA0;
}

#clear, #delete, #ans {
  font-weight: bold;
}

#wholeDisplay {
  text-align: right;
  background-color: black;
  color: white;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 24px;
}

#working {
  font-size: 16px;
  color: orange;
}


p {
  margin: 0
}