p {
  color: white;
  font-size: 30px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
  color: white;
  font-size: 30px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

body {
  background-color: rgb(0, 0, 0);
  background-image: url('https://unsplash.com/s/photos/source');
  margin-top: 100px;
}

#op {
  border: 3px solid rgb(0, 0, 0);
  border-radius: 20px;
  color: #fd4900;
  height: 87px;
  width: 78px;
  padding: 20px;
  background-color: rgb(255, 255, 255);
}
#btn {
  border: 3px solid rgb(0, 0, 0);
  border-radius: 20px;
  color: #000000;
  height: 87px;
  width: 78px;
  padding: 20px;
  background-color: rgb(255, 255, 255);
}

#clear {
  width: 78px;
  height: 87px;
  border: 3px solid rgb(0, 0, 0);
  color: #fd4900;
  border-radius: 20px;
  padding: 20px;
  background-color: rgb(255, 255, 255);
}

#eq {
  border-radius: 30px;
  border: #fd4900;
  color: rgb(255, 255, 255);
  padding: 20px;
  text-align: center;
  width: 160px;
  height: 90px;
  text-decoration: none;
  display: inline-block;
  font-size: 35px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: #fd4900;
}

/* center{
    margin-top: ;
} */
#clear:hover {
  font: bolder;
  background-color: rgb(255, 255, 255);
}

.formstyle {
  width: 300px;
  height: 530px;
  margin: auto;
  border: 3px solid rgb(0, 0, 0);
  border-radius: 5px;
  padding: 18px;
}

input {
  width: 20px;
  background-color: rgb(255, 255, 255);
  color: #000000;
  border: 3px solid;
  border-radius: 20px;
  padding: 26px;
  margin: 2px;
  font-size: 25px;
}

#calc {
  /* text-align: center; */
  width: 292px;
  height: 50px;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 20px;
  margin: auto;
}