style.css

body {
  background-image: linear-gradient(135deg, orange 60%, cyan);
  font-family: "Bungee", cursive;
  font-family: "Ubuntu", sans-serif;
}
#heading {
  text-align: center;
  font-family: "Bungee", cursive;
}

.main {
  border: 2px solid black;
  text-align: center;
  width: 800px;
  margin: auto;
  background-image: linear-gradient(#9ee949, #66a6ff);
}
.inp {
  min-width: 300px;
  height: 20px;
}
#submit-btn {
  margin: 30px;
  height: 30px;
  width: 120px;
  background-color: brown;
  cursor: pointer;
}
.lable {
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 18px;
}
#data {
  border: 2px solid rgb(37, 15, 15);
  width: 800px;
  min-height: 400px;
  margin: auto;
  text-align: center;
}
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  padding-left: 70px;
  padding-right: 71px;
  border-collapse: collapse;
  margin: 20px;
}

.addtd {
  font-weight: bold;
  letter-spacing: 2px;
  margin: 30px;
}
.btnX {
  background-color: red;
  width: 60px;
  height: 30px;
  cursor: pointer;
}