* 
{
	box-sizing: border-box;
	margin: 0;
}

body 
{
	margin: 0;
	font-size: 62.5%;
	--primary: #fda501;
	--primary-highlight: #dd9208;
	--secondary: #1b1e22;
	--tertiary: orangered;
	--nav-bg: #1b1e22;
	--navigationText: rgb(151, 151, 151);
	--background-color: rgb(10, 10, 10);
	color: white;
}

a 
{
	text-decoration: none;
}

.svg-blackToWhite {
    filter: grayscale(1) invert(1);
}

.svg-mainColor:hover {
	filter: invert(57%) sepia(86%) saturate(823%) hue-rotate(1deg) brightness(103%) contrast(104%);
}

.hide {
	display: none;
	overflow: hidden;
}