h2 {
	margin-bottom: 1rem;
}

img.photo {
	max-height: 130px;
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
	box-shadow: 3px 3px 6px #666;
	border-radius: 3px;
}

hr {
	clear: both;
}

table:not(.table) {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1rem;
}

table:not(.table) td, table:not(.table) th {
	padding: 0.5rem;
}

table:not(.table) td {
	border-top: 1px solid #ccc;
}

nav.navbar {
	position: sticky;
	top: 0;
	z-index: 1;
}

div.table-hover ~ table:not(.table) tr:hover {
	background-color: rgba(0,0,0,.075);
}

.table td.shrink, .table th.shrink {
    white-space: nowrap;
    width: 1%;
}

.table thead td, .table thead th {
	border-top: 0;
}

code {
	color: green!important;
}

pre {
	border: 1px solid #e4e4e4;
	border-radius: 0.25rem;
}

.point-indicator {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 2.7em;
	height: 2.7em;
	border-radius: 50%;
	font-weight: bold;
	background-color: var(--secondary);
	color: white;
	margin-left: 0.5em;
	filter: grayscale(42%);
	transform: scale(0.5);
}

.point-indicator:before {
	content: "0";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.point-indicator[data-points="1"] {
	background: linear-gradient(to bottom, var(--danger), var(--secondary));
}
.point-indicator[data-points="2"] {
	background-color: var(--danger);
}
.point-indicator[data-points="3"] {
	background: linear-gradient(to bottom, var(--warning), var(--danger));
}
.point-indicator[data-points="4"] {
	background-color: var(--warning);
	color: black;
}
.point-indicator[data-points="5"] {
	background: linear-gradient(to bottom, var(--success), var(--warning));
	color: black;
}
.point-indicator[data-points="6"] {
	background-color: var(--success);
}
.point-indicator[data-points="7"] {
	background: linear-gradient(to bottom, var(--primary), var(--success));
}
.point-indicator[data-points="8"] {
	background-color: var(--primary);
}


.point-indicator[data-points="1"]:before {
	content: "0-1";
}
.point-indicator[data-points="2"]:before {
	content: "1";
}
.point-indicator[data-points="3"]:before {
	content: "1-2";
}
.point-indicator[data-points="4"]:before {
	content: "2";
}
.point-indicator[data-points="5"]:before {
	content: "2-3";
}
.point-indicator[data-points="6"]:before {
	content: "3";
}
.point-indicator[data-points="7"]:before {
	content: "3-4";
}
.point-indicator[data-points="8"]:before {
	content: "4";
}