@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2&family=Bangers&family=Big+Shoulders+Text&family=Carter+One&family=Chicle&family=Cousine&family=DM+Mono&family=Jomhuria&family=Lilita+One&family=Nova+Round&family=PT+Mono&family=Roboto+Mono&family=Share+Tech+Mono&display=swap');
@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css');

body {
  background-color: #aaa;
  font-family: 'Tahoma', monospace;
  color: #000;
}

.nav-item {
	font-family: 'Lato';
	font-weight: bold;
	font-size: large;
}

@media (max-width: 400px) {
	.nav-item {
		font-size: medium;
	}
}

th:nth-child(2), td:nth-child(2),
th:nth-child(3), td:nth-child(3),
th:nth-child(4), td:nth-child(4),
th:nth-child(5), td:nth-child(5),
th:nth-child(6), td:nth-child(6),
th:nth-child(7), td:nth-child(7),
th:nth-child(8), td:nth-child(8) {
  text-align: center
}

.table>tbody>tr>td {
  padding: 2px;
}

img {
    margin-right: 2px;
}

caption {
    caption-side: top;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.photo {
    width: 30px;
}

.btn {
    font-size: large;
}

.btn-check {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

.btn-popup {
  font-size: small;
}

.col-4>.btn {
  margin: 0.25em;
}

.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}


button.btn-primary {
  display: flex;
  margin: 0 auto;
}