path: root/css/navigationBar.scss

div.navigationBar {
	background-color:none;
	border-radius:   1rem;
	font-family:     $sansSerifFont;
	font-weight:     bold;
	padding:         1rem 2rem;
	text-align:      center;
	width:           100%;

	img.themeToggler {
		background-color:var(--backgroundColour);
		border-color:    var(--backgroundColour);
		border-radius:   calc(1rem / 3 * 2);
		border-width:    calc(1rem / 3);
		border-style:    solid;
		cursor:          pointer;
		display:         block;
		height:          2rem;
		margin:          0 auto;
		margin-bottom:   1rem;
		user-select:     none;
		width:           3rem;
	}
	
	p {
		& + p {
			margin-top:calc(1rem / 2);
		}

		span.link + span::before {
			content:"\0020\00B7\0020";
		}
	
		p,span.link a,span.link a:hover {
			color:var(--backgroundColour);
		}
	
		span.link a:hover {
			text-decoration:underline;
		}
	}
}