@font-face {
	font-family:'hatton';
	src: url(../fonts/Hatton-Medium.otf);
}

@font-face {
	font-family:'hatton-variable';
	src: url(../fonts/Hatton-Variable.ttf);
}

@font-face {
	font-family:'neuemachina';
	src: url(../fonts/NeueMachina-Regular.otf);
}

@font-face {
	font-family:'neuemachina-ultrabold';
	src: url(../fonts/NeueMachina-Ultrabold.otf);
}

.hatton {
	font-family: hatton;
}

.hatton-variable {
	font-family: hatton-variable;
}

.neuemachina {
	font-family: neuemachina;
}

.neuemachina-ultrabold {
	font-family: neuemachina-ultrabold;
}

.red {
	color: var(--red);
}

.red a {
	color: var(--red);
}

.darkblue {
	color: var(--darkblue);
}

.darkblue a {
	color: var(--darkblue);
}

.blue {
	color: var(--blue);
}

.blue a {
	color: var(--blue);
}

.violet {
	color: var(--lightviolet);
}

.violet a {
	color: var(--lightviolet);
}

.white {
	color: var(--brokenwhite);
}

.white a {
	color: var(--brokenwhite);
}

.yellow {
	color: var(--yellow);
}

.yellow a{
	color: var(--yellow);
}

.color1 {
	color: var(--color1);
}

.color2 {
	color: var(--color2);
}

.color3 {
	color: var(--color3);
}


.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}