/* (A) EDITABLE TABLE */
.editable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.editable th, .editable td {
  text-align: left;
  padding: 15px;
}
.editable thead {
  color: #fff;
  background: #8363fd;
}
.editable tbody tr:nth-child(even) {
  background: #dfdfdf;
}
.editable td.edit {
  background: #f8ff88;
}

/* (X) DOES NOT MATTER */
* { box-sizing: border-box; }
body {
  font-family: arial, sans-serif;
  padding: 0; margin: 0; border: 0;
  min-height: 100vh;
  display: flex; justify-content: center; align-items: center;
  background: url(https://images.unsplash.com/photo-1515787366009-7cbdd2dc587b?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2ODkxMjkwOTV8&ixlib=rb-4.0.3&q=85);
  background-size: cover;
  background-position: center;
  backdrop-filter: blur(10px);
}
#cbwrap {
  background: rgba(255, 255, 255, 0.9);
  width: 600px; padding: 20px;
  border-radius: 10px;
}
#cbtitle {
  margin-bottom: 40px;
  text-transform: uppercase;
}
#cbinfo {
  padding: 10px; margin-top: 40px;
  font-weight: 700; text-align: center;
}
#cbinfo a {
  text-decoration: none; padding: 5px;
  color: #fff; background: #a91616;
}
#cbnotes {
  margin-top: 20px;
  font-size: 14px;
}