@import url('https://fonts.googleapis.com/css2?family=Dosis&family=Titillium+Web&display=swap');

:root {
  --bright-color: hsl(353, 100%, 65%);
  --alt-color-bright: hsl(189, 90%, 40%);
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
	font-family: 'Dosis', sans-serif;
	background-color: hsl(0, 0%, 95%);
	color: hsl(0, 0%, 15%);
	font-size: 110%;
}

/* unvisited link */
a:link {
	color: var(--alt-color-bright);
	text-decoration: none;
}

/* visited link */
a:visited {
	color: var(--alt-color-bright);
}

/* mouse over link */
a:hover {
  color: var(--bright-color);
}

/* selected link */
a:active {
  color: var(--alt-color-bright);
}

/* ------------------------------------------ */

.text-bright {
	color: var(--bright-color);
}

.text-alt-font {
	/*	font-family: 'Titillium Web', sans-serif;*/
	font-family: 'Dosis', sans-serif;
}

.text-big {
	font-size: 200%;
}

.text-huge {
	font-size: 300%;
}

.center {
	text-align: center;
}

/* ------------------------------------------ */

#navbar {
	display: flex;
	justify-content: center;
  align-items: center;
	position: fixed;
	top: 0;
	background-color: hsla(201, 30%, 90%, 0.95);
	width: 100%;
	color: hsl(0, 0%, 15%);
}
#navbar ul {
	list-style-type: none;
	padding-inline-start: 0;
}
#navbar ul li {
	display: inline;
	margin-right: 10px;
}
#navbar ul li a {
	text-decoration: none;
}

#navbar ul li a:hover {
	text-decoration: underline;
}

#navbar ul li:not(:last-child)::after {
  content: "-";
  margin-left: 20px; /* space before the dash */
  margin-right: 10px; /* space after the dash */
}



.svg-icon {
	width: 26px;
}