div.navbar { background-color:var(--foregroundColour); box-sizing: border-box; font-family: "Helvetica","sans-serif"; height: auto; margin: auto; max-width: var(--maximumPageWidth); min-width: var(--minimumPageWidth); padding: 1rem 2rem; text-align: center; width: 100%; } div.navbar p,div.navbar a,div.navbar a:visited { color: var(--backgroundColour); text-decoration:none; } div.navbar a:hover { color:var(--colour); } div.navbar a.mandelbrot-link:hover { color:var(--green); } div.navbar 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; margin: 0 auto; margin-top: 1rem; user-select: none; width: calc(3rem - 1rem / 2 * 2); } div.banner { background-color:var(--colour); display: flex; height: 12rem; width: 100%; } div.banner img { height:8rem; margin:auto; width: 10rem; }