body{
  margin: 0px;
  padding: 0px;
  height: 100%;
    background-color:ivory;
}
html{
  height: 100%;
}
h1{
  margin-top: 0px;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 40px;
  color:mintcream;
}
input{
  margin: 15px;
}
label{
  font-size: 20px;
  color: aliceblue;
}
nav{
  background-color: grey;
  margin: 0px;
  padding: 0px;
}
.parent {
  display: flex;
  justify-content:center;
  align-items:baseline;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 5%;
  margin-top: 5%;
  vertical-align: middle;
}
.parent div {
    background-color:cyan;
    font-size: 40px;
    text-align: center;
    float: left;
    border: 1px solid;
    
}
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2%;
}
button{
  background-color: aliceblue;
  border: 3px inset rgba(105, 98, 98, 0.781);
  border-radius: 20px;
  background-color: rgb(30, 48, 210);
  color: azure;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 5px 10px;
}

button:hover {
  border: 3px solid #0099cc;
  background-color: #00aacc;
  color: #ffffff;
  padding: 5px 10px;
}

button:disabled,
button[disabled]{
  border: 3px solid #999999;
  background-color: #cccccc;
  color: #666666;
}