@font-face {
	font-display: swap;
	font-family: 'Quicksand';
	font-weight: 600;
	src: url('../font/quicksand-v36-latin-600.woff2') format('woff2');
}

ul {
	padding: 8px;
	margin-top: 0;
	background: orange;
	border: dashed 2px #ff000036;
	font-weight: 600;
	font-family: 'Quicksand';
	text-align: right;
}
ul li a, ul li { 
	display: inline-block;
}
ul li {
	background-color: #ff000036;
	text-transform: uppercase;
	padding: 0.2em;
}
ul li a {
	text-decoration: none;
	color: white;
	font-size: 24pt;
	border: double 1px #ffa500;
	transition: color 84ms;
}
ul li a:hover {
	color: black;
}