path: root/reference/css/pageHeader.css

div.logotype {
	background-color:      var(--colour);
	border-radius:         calc(6rem * 12/60);
	border-top-left-radius:0;
	height:                6rem;
	margin:                0 auto;
	margin-bottom:         1rem;
	width:                 6rem;
}

div.logotype img {
	border-bottom-right-radius:0;
	border-top-left-radius:    0;
	height:100%;
	width: 100%;
}

p.title {
	font-size:     4rem;
	letter-spacing:calc(1rem / 6);
	margin-bottom: 1rem;
	text-align:    center;
}

div.navigationBar {
	background-color:       var(--foregroundColour);
	color:                  var(--backgroundColour);
	font-weight:            bold;
	margin:                 0 auto;
	max-width:              var(--maximumPageWidth);
	min-width:              var(--minimumPageWidth);
	padding:                1rem 2rem;
	text-align:             center;
	width:                  100%;
}

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

div.navigationBar p + p {
	margin-top:calc(1rem / 2);
}

div.navigationBar p,div.navigationBar p span + span::before {
	content:"\0020\00B7\0020";
}

div.navigationBar p,div.navigationBar p span a,div.navigationBar p span a:hover {
	color:var(--backgroundColour);
}

div.navigationBar p span a:hover {
	text-decoration:underline;
}