style_css_task2.css

.one {
  text-decoration: none;
  color: white;
}

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

.table1 td {
  width: 250px;
  height: 20px;
  text-align: left;
}

.two {
  text-decoration: none;
  color: rgb(19, 38, 199);
}

.table1 {
  background-color: rgb(173, 217, 230);
  border-right: 1px solid rgb(19, 38, 199);
}

.table1 th {
  background-color: rgb(254, 165, 0);
  font-weight: normal;
  text-align: left;
}

.three {
  text-decoration: none;
  color: rgb(19, 38, 199);
}

.table2 {
  background-color: lightgrey;
  empty-cells: show;
}
.table2 th {
  background-color: grey;
  font-weight: normal;
  font-size: smaller;
  width: 50px;
  height: 20px;
}

.table2 td {
  width: 50px;
  height: 20px;
  border-right: 1px solid rgb(19, 38, 199);
  font-size: smaller;
}

.table3,
.table1 {
  width: 100%;
  text-align: center;
}

.table3 {
  border: 1px solid;
}

.cell-space {
  width: 150px; /* Adjust the width as needed */
}

.table2 td {
  text-align: center;
}