h1 {
  color:skyblue;
  text-align:center;
}
.column {
  display:flex;
  flex-direction:column;
}
.row {
  display:flex;
  flex-direction:row;
  justify-content:center;
}
#percent {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#ceButton {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#clear {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#erase {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#overX {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#secondPower {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#squareRoot {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#divide {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#seven {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#eight {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#nine {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#multiply {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#four {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#five {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#six {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#minus {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#one {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#two {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#three {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#plus {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#symbolSwitch {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#zero {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#decimal {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
#equals {
  display:flex;
  justify-content:center;
  align-items:center;
  background:navy;
  color:white;
  width:50px;
  height:50px;
  border-style:solid;
  border-width:2px;
  border-color:black;
}
input {
  font-size: 20px;
  height: 40px;
}
body {
  background-color:darkviolet;
}