style.css

#title {
  text-align: center;
  color: darkred;
}

#description {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: darkgreen;
}

#buttons {
  text-align: center;
}

tr {
  height: 30px;
}

.container {
  height: 100vh;
  width: 100vw;
  text-align: center;
  align-items: center;
}

.button_no {
  height: 30px;
  width: 30px;
  background-color: greenyellow;
  text-align: center;
}

#first {
  height: 30px;
  width: 40px;
  background-color: tomato;
}

#last {
  height: 30px;
  width: 40px;
  background-color: tomato;
}

#prev {
  height: 30px;
  width: 40px;
  background-color: tomato;
}

#next {
  height: 30px;
  width: 40px;
  background-color: tomato;
}

table,
tr,
td {
  border: 2px solid black;
  border-collapse: collapse;
  width: 1000px;
  background-color: powderblue;
}

td {
  text-align: center;
  font-weight: bold;
}

#table_content {
  display: flex;
  align-items: center;
  justify-content: center;
}

table {
  margin: 30px 0;
}

h1 {
  margin: 30px 0;
}
th {
  background-color: darkorange;
  border: 2px solid black;
}