.nowrap
{
	white-space: nowrap;
}

.pt-1
{
	padding-top:0.5rem;
}

.pt-2
{
	padding-top:1rem;
}

.pt-3
{
	padding-top:1.5rem;
}

.pt-4
{
	padding-top:2rem;
}

.pt-5
{
	padding-top:2.5rem;
}

.pt-6
{
	padding-top:3rem;
}

.mt-1
{
	margin-top:0.5rem;
}

.mt-2
{
	margin-top:1rem;
}

.mt-3
{
	margin-top:1.5rem;
}

.mt-4
{
	margin-top:2rem;
}

.hdr-1
{
	font-size:0.5rem;
	font-weight: bold;
}

.hdr-2
{
	font-size:1rem;
	font-weight: bold;
}

.hdr-3
{
	font-size:1.5rem;
	font-weight: bold;
}

.hdr-4
{
	font-size:2rem;
	font-weight: bold;
}

.w-100
{
	width: 100%;
}

:root 
{
	--color1: black;
    --color2: #c4a052;
    --color3: #303030;
    --color4: white;
    --color5: lightgray;
}

body
{
	font-family: Arial;
	color:var(--color1);
	padding:0px;
	margin:0px;
}

.link
{
	color: var(--color2);
	font-weight: bold;
}

.active
{
	color: var(--color4);
	font-weight: bold;
}

.header
{
	position: fixed;
	left:0px;
	top:0px;
	background: var(--color1);
	width:100vw;
	height:60px;

}

.sidenav
{
	position: fixed;
	left:0px;
	top:60px;
	background: var(--color3);
	width:200px;
	height:calc(100vh - 60px);
	padding-left:10px;

	display: none;
}

@media(min-width: 800px)
{      
    .sidenav
    {
        display: block;
    }
}

.content
{
	margin-top:60px;
	padding:5px;
}

@media(min-width: 800px)
{      
    .content
    {
        padding:10px;
		margin-left:210px;
    }
}

.group
{

}

.section
{
	scroll-margin-top:70px;
}

.highlight
{
	background-color: var(--color2);
	padding:1rem;
}

.highlight
{
	background-color: var(--color2);
	padding:1rem;
}

.highlight span
{
	padding-left: 20px;
}

.table
{
	border-spacing: 0px;
	padding: 0px;

}

.table, .table th, .table td 
{
	border: 1px solid black;
	border-collapse: collapse;
}

.table th
{
	background: var(--color5);
}