/* Note to self: Some things (like border-width) go clockwise, starting from the top. */

table {
  border-collapse: separate;
  border-spacing: 0px;
}
h1,h3,p,.license {
  font-family: "Source Sans Pro", "Arial", sans-serif;
  /* font-family: "Helvetica", "Arial", sans-serif; */
}
.calculator {
  display: block;
  margin-left: 10%;
}
.buttons tr td {
  width: 55px;
  height: 45px; 
  border-style: solid;
  border-color: #8e8e8e;
  border-width: 1px 0px 0px 1px;
  text-align: center;
  font-family: "Source Code Pro", "Consolas", monospace;
  /* font-family: "Helvetica", "Arial", sans-serif; 
  font-weight: 200; */
  font-size: 24px;
  background-color: #e0e0e0;
}
.buttons tr .numbBox {
  height: 78px;
  border-width: 1px 1px 0px 1px;  
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 51px;
  text-align: right;
  padding-right: 11px;
  font-weight: 300;
  background-color: #292929;
  color: #ffffff;
}
.buttons tr .zero {
  border-width: 1px 0px 1px 1px;  
  border-bottom-left-radius: 5px;
  text-align: left;
  padding-left: 21px;
}
.buttons tr .decimal {
  border-width: 1px 0px 1px 1px;  
}
.buttons tr .divide,.buttons tr .multiply,.buttons tr .add,.buttons tr .subtract {
  border-width: 1px 1px 0px 1px;
  background-color: #fa9245;
  color: #ffffff;
}
.buttons tr .equals {
  border-width: 1px 1px 1px 1px;
  border-bottom-right-radius: 5px;
  background-color: #fa9245;
  color: #ffffff;
}
.buttons tr .ac,.buttons tr .clear,.buttons tr .switch, .buttons tr .percent {
  background-color: #d6d6d6;
}
.footer {
  display: block;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.error {
  color: red;
}
.buttons tr .small1 {
  font-size: 41px;
}
.buttons tr .small2 {
  font-size: 31px;
}
.buttons tr .small3 {
  font-size: 21px;
}
.buttons tr .small4 {
  font-size: 15px;
}
.buttons tr .selected {
  border-width: 2px 2px 1px 2px;
}
.devToolBox {
  font-family: "Source Code Pro", "Consolas", monospace;
}