body {
  font-family: Arial, Helvetica, sans-serif;

}
.numButton {
  width: 30px;
  height: 23px;
  margin-bottom: 3px;
  background-color: #363377;
  color: #fff;
  border-radius: 5px;
}
.calcButton {
  width: 30px;
  height: 23px;
  margin-bottom: 3px;
  background-color: #363377;
  color: #fff;
  border-radius: 5px;
}
#calculate {
  width: 64px;
  height: 23px;
  padding-bottom: 15px;
}
#calcContainer {
  width: 140px;
  border: 1px solid black;
  background: linear-gradient(180deg, #1D1959, #523c84);
  padding-right: 7px;
  padding-left: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  dbackground-color:  #1D1959;
  box-shadow: 4px 4px 4px #888;
}
#clear {
  width: 64px;
  height: 23px;
  padding-bottom: 15px;
}
.display {
  width:131px;
  height: 18px;
  border: 1px solid black;
  border-radius: 5px;
  background-color: #827FB2;
  font-weight: bold;
  text-align: left;
  text-indent: 10px;
  overflow: hidden;
}
#display2, #display3 {
  margin-top: 5px;
}
.fibResults {
  height: 56px;
  width: 300px;
  background-color: #827FB2;
  border: 1px solid black;
  border-radius: 5px;
  padding: 3px;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  box-shadow: 2px 2px 2px #888;
  overflow: hidden;
}
#results3 {
  height: 20px;
}
#sum {
  height: 20px;
}
#calc {
  background-color: #363377;
  color: #fff;
  border-radius: 5px;
}

#article {
  padding:10% 10% 1%;
}