a {
	color: goldenrod;
	text-decoration: none;
}

hr.header {
	border-top: 3px solid purple;
	width: 80%
}

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

.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;
}

@media (min-width: 576px) {
	body {
		font-size: 24px;
	}
	
	input,select {
		border-radius: 7px;
		padding: 1px 5px 1px 5px;
		box-shadow: 1px 1px 0px 0px gray;
		font-size: 24px;
	}
	
	input[type="checkbox"] {
		transform: scale(1.5);
	}

	table.category {
		width: 95%;
	}

	td.category {
		border: 2px solid purple;
		border-radius: 45px;
		padding: 15px;
	}

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

@media (min-width: 992px) {
	body {
		font-size: 18px;
	}
	
	input,select {
		border-radius: 7px;
		padding: 1px 5px 1px 5px;
		box-shadow: 1px 1px 0px 0px gray;
		font-size: 16px;
	}
	
	table.category {
		width: 75%;
	}

	td.category {
		border: 5px solid purple;
		border-radius: 45px;
		padding: 30px;
	}
	
	div.category, span.category {
		font-size: 48px;
	}
}