*{
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    line-height: 1.4em;
}

 a {
    display: inline-block;
    margin: 5px;
    padding: 20px;
    background-color: #dddddd;
    text-decoration: none;
    height: 25px;
  }
  .center-div{
    text-align: center;
  }
  h1{
    color: blue;
    text-align: center;
  }
  p{
    text-align: justify;
    padding-left: 40px;
    padding-right: 50px;
  }
  li{
    margin-left: 100px;
    padding-left: 10px;
}
table{
  margin: 0 auto;
  table-layout: fixed ;
  width: 99% ;
  border: #ccc 2px solid;
  border-collapse: collapse;
}

th,td{
  text-align: center;
  border: #ccc 1px solid;
  border-collapse: collapse; 
}
.grid1{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
}
.grid3{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
}
.calculator{
  border: #ccc 1px solid;
  margin-left: 50px;
  padding: 10px 40px;
  font-style: italic;
}

  h1:hover{
    font-size: 70px;
    color: green;
}
h2:hover{
  font-size: 30px;
  color: green;
  text-align: center;
}
  p:hover{
    margin-top: 0;
    padding-top: 0;
    font-size: 30px;
    background-color: cornsilk;
    color: black;
    line-height: 1.4em;
  }
 
li:hover{
  font-size: 20px;
  color: blue;
}
img:hover{
  width:100%;
  height: 300px;
}