main {
  margin-top: 80px;
}

[title] {
  cursor: help;
}

.score-badge {
  width: 1.7rem;
}

.btn-primary,
.navbar {
  background: #7952b3 !important;
}

.bg-accent {
  background: #7952b3 !important;
}

.offcanvas-start {
  width: 80%;
  max-width: 320px;
}

.navbar .btn {
  font-size: 1.6rem;
}

.nav-bat {
  width: 22px;
  height: 22px;
  background-image: url('/img/table-tennis-bat.svg?q=125e03867e');
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
  display: inline-block;
}

.ball {
  width:12px;
  height:12px;
  border-radius:100%;
  border:2px solid #7952b3;
  background:#ffffff;
  transform: translateY(0px);
  position:absolute;
  margin: 28px 12px;
  top: 0px;
}

.bouncing {
  animation: bounce 1s;
  animation-iteration-count: infinite;
}

@keyframes bounce {
	0% {
    top: 0;
		-webkit-animation-timing-function: ease-in;
	}
	50% {
    top: 10px;
		height: 11px;
		-webkit-animation-timing-function: ease-out;
	}
	55% {
    top: 16px;
    height: 10px;
		-webkit-animation-timing-function: ease-in;
  }
	65% {
    top: 8px;
    height: 11px;
		-webkit-animation-timing-function: ease-out;
  }
	95% {
		top: 0;
		-webkit-animation-timing-function: ease-in;
	}
	100% {
    top: 0;
		-webkit-animation-timing-function: ease-in;
	}
}

.card thead {
  background-color: rgba(0, 0, 0, .03);
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgba(0,0,0,.125);
}

.card tr:last-child td {
  border-bottom: 0;
}