a {
	color: goldenrod;
	text-decoration: none;
}
hr.header {
	border-top: 3px solid purple;
	width: 80%
}

tr.datarow:hover {
	background: #ffeccc;
	font-weight: bold;
}

td.category {
	border: 5px solid purple;
	border-radius: 45px;
}

div.category, span.category {
	font-size: 48px;
}

.inactivedata {
	color: #909090;
}

.titlebar {
	margin: auto;
	font-size: 28px;
	text-align: center;
	width: 75%;
	padding: 15px;
	background-color: plum;
	box-shadow: 3px 3px 0px 2px purple;
	border-radius: 15px;
}

span.myname {
	font-size: 24px;
	font-weight: bold;
	color: darkorange;
}

div.message {
	text-align: center;
	font-size: 18px;
	background-color: white;
	border: 3px solid purple;
	padding: 10px;
	border-radius: 15px;
	width: fit-content;
}