style.css

* {
  margin: 0;
  padding: 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #fff;
}

.verticle-align {
  margin-top: 80px;
}

.book-data > button {
  margin-left: 60px;
}

.book-data {
  font-size: 30px;
  color: #fff !important;
}

.book-data:hover {
  color: rgb(61, 61, 61) !important;
}

.main-title {
  font-size: 60px;
}

.sub-title {
  font-size: 30px;
}

.background-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 0.8s;
  opacity: 0.7;
  background: #000;
  background-size: 100% 100%;
}

.background-image {
  position: relative;
  background-image: url(./background.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  overflow-x: hidden;
  height: 100vh;
}

.main-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: rgb(48, 48, 48);
  padding: 10px;
  border-radius: 15px;
}

.list {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.h-p {
  padding: 5px;
}

.show {
  display: block;
}

.hidden {
  display: none;
}

.background {
  background: transparent;
}

#time {
  font-family: 'Courier New', Courier, monospace;
  font-weight: 800;
}