:root {
  --primaryColor: #01a9f4;
  --secondaryColor: #0472a4;
  --bgColor: #171a26;
  --textColor: #ffffff;
  /*color-scheme: dark light;*/
}

@-ms-viewport {zoom: 1.0; width: device-width;}
@-o-viewport {zoom: 1.0; width: extend-to-zoom;}
@viewport {zoom: 1.0; width: extend-to-zoom;}
body {background-color: var(--bgColor); font-family: sans-serif; margin: 5px;}
header {background-color: var(--primaryColor); position: fixed; top: 0; left: 0; width: 100%; height: 60px;}
.leftHead {width: -moz-fit-content; width: fit-content; height: 100%; display: block; float: left;}
.nav {font: 16px arial; color: var(--textColor); margin: 18px 5px 0 5px; text-align: center; text-decoration: none; display: block; padding: 3px; float: left; }
.logo {font-family:Sirin Stencil; font-size: 2.5em; margin-left: 20px; color: white; text-decoration: none;}
.navbutton {display: none; text-decoration: none; position: absolute; right: 20px; top: 13px; color: white; font-size: 22px;}
#navDiv {display: none; background-color: var(--secondaryColor); padding: 1em 2em 0 2em; position: absolute; right: 0px; top: 45px; width: 200px;}
.mobileNav {text-decoration: none; display: block; color: var(--textColor); font-size: 1.2em; margin-bottom: 1em;}
.mobileNavButton {color: var(--textColor); text-decoration: none; width: 35%; display: inline-block; height: 30px; border: 1px aliceblue solid; text-align: center; padding-top: 10px; margin-right: 18px; margin-bottom: 1em;}
nav {float: right; margin-right: 20px;}
nav ul {display: flex; list-style-type: none; height: 25px; margin: auto;}
nav ul a {padding-right: 10px; padding-left: 10px; display: block; line-height: 25px;}
#navbar {z-index: 1000;}
.clickable {cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/*Media Queries*/
@media only screen and (max-width: 915px) {
	.logo {font-size: 2em; margin-left: 10px;}
	header {height: 50px;}
}

@media only screen and (max-width: 600px) {
	.logo {font-size: 1.8em;}
	header {height: 45px;}
	.nav {display: none;}
	.navbutton {display: block;}
}