html {
	height: 100%;
}


body {

  overflow: hidden; /* Hide scrollbars */
	height: 100%;
		width: 100%;
	padding: 0px;
	margin: 0px;
}

nav {
	background: #272727;
}

#navlogo {
	max-width: 2%;
	float: left;
	
}

ul {
  list-style-type: none;
  margin: 0;

  overflow: hidden;
}

li {
  float: left;
}

li a {
  font-size: 150%;
  display: block;
  color: #BFBFBF;
  text-align: center;
  padding: 14px 16px 10px;
  text-decoration: none;
  height: 100%
}

li a:hover {
	text-decoration-style: solid;
	color: white;

}

li a:hover:not(.active) {
	color: white;

}

.active {

}

#signinbutton {
	text-decoration-color: #BFBFBF;
	float: right;
}

button {
	font-size: 150%;
    display: block;
    color: #BFBFBF;
    background: none;
    border: none;
	text-align: center;
    color: white; text-decoration: none;
    cursor: pointer;
	padding: 14px 16px 10px;
}

li button:hover {
	text-decoration-style: solid;
	color: white;

}

#formlogin {
	float: right;
}

#logininput {
	padding: 14px 16px 10px;
}

#sidemenu {
	background-color: #202226;
	width: 8%;
	height: 101%;
	margin-left: -14px;
	float: left;
}

#CollectionSubMenu {
	font-size: 100%;
	
}