#navbar
{
	background-image: url("img/metaldiamond.jpg");
	user-select: none;

	border-style: ridge;
	border-color: gray;
	border-width: 4px;

	box-shadow: 3px 5px #0000007f;
}

#navbar tr
{
	padding: 6px;
	display: flex;
	flex-direction: row;

	@media (max-width: 639px)
	{
		padding: 2px;
		flex-direction: column;
	}
}

#navbar a
{
	background-image: url("img/circuitboard1.jpg");
	border-style: ridge;
	border-color: green;
	border-width: 4px;

	outline: 1px solid #00000000;

	color: yellow;
	font-family: impact;
	font-size: 16pt;
	text-decoration: none;
	
	padding: 12px 32px;
	margin: 2px;

	display: block;
	text-align: center;
	overflow-x: auto;

	@media (max-width: 639px)
	{
		padding: 16px 32px;
		margin: 8px 32px;
	}
}

#navbar a:hover
{
	color: white;
	outline-color: #ffff00;
}

#navbar a:active
{
	color: silver;
	outline-color: white;
	box-shadow: 6px 6px #0000007f inset;
}