body{
  background:black;
  display:flex;
  flex-flow:column;
  min-height:100vh;
  justify-content:space-between;
  margin:0;
}

.footer,
.header{
  background:grey;
  text-align:center;
  padding:10px;
  font-size:20px;
}
.lcd{
  display:flex;
  flex-flow:column;
  padding:10px;
  min-height:40px;
  background:black;
  margin:10px 6px 5px 6px;
  color:white;
}

.text-lcd{
  align-self:flex-end;
}

.text-lcd,
.monitor-lcd{
  font-size:20px; 
}
.bottom-lcd{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  font-size:10px; 
  min-height:12px;
}


button{
  font-size:30px;
  min-width: 40px;
  min-height:42px;
  margin:4px 2px ; 
}
button:active,
.esc:active{
  background-color:green;
  border-color:blue;
  border-radius:4px;
  border-style:solid;
}
/*button:focus{
  background-color:red;
button:hover{
  border-color:blue;
  border:2px;
  border-radius:4px;
}
}*/
.esc{
  background:orange;
  border:2px;
  border-radius:4px;
}
.numpads{
  padding:6px 10px;
}

.content{
  display:flex;
  justify-content:center;
}
.calc-body{
  background:grey;
  align-self:center;
  border-radius:5px;
}

.lcd{
}