transaction.css

body {
  font-family: "Roboto", sans-serif;
  background-color: #a9a9a9;
}

.bg-light {
  background-color: #ffbbcd;
}

.navbar-brand {
  font-family: "Sansita Swashed", cursive;
  font-size: 1.5rem;
  color: #5f6368;
}

#one {
  background-color: rgb(173, 245, 234);
}

#two {
  background-color: rgb(173, 245, 234);
}

.nav-link {
  color: #c7d9ef !important;
  font-family: "Noto Sans JP", sans-serif;
  margin-right: 20px;
}

.nav-link:hover {
  background-color: rgb(96, 92, 92);
}

.my-info {
  padding: 2rem 5rem;
}

.btn-info {
  padding: 1rem 1.2rem;
  background-color: rgb(97, 83, 92) !important;
  color: #fff !important;
  margin-left: 5px;
  padding: 0.75rem;
  transition: all 0.3s;
}

.btn-info:hover {
  background-color: rgb(225, 79, 159) !important;
}

tr:hover td {
  cursor: pointer;
  color: rgb(255, 0, 85);
  border-top: 1px solid rgb(165, 161, 161);
  border-bottom: 1px solid grey;
}

tr:first-cild:hover td {
  border-top: none;
}

tr:last-cild:hover td {
  border-bottom: none;
}