* {
	font-family: sans-serif;
}
body, hr {
	margin: 0px;
}

.header {
  overflow: hidden;
  padding: 10px 20px;
  z-index: 2;
	max-height: 48px;
	background-color: light-dark(#eee, #111);
}

.header-right {
	float: right;
}

.header a, .header a:link, .header a:visited, .header a:link:active, .header a:visited:active {
	color: inherit;
  float: left;
  text-align: center;
  padding: 12px 12px 12px 4px;
  text-decoration: none;
  font-size: 36px;
  line-height: 24px;
  border-radius: 4px;
}

.header button {
	width: 48px;
	height: 48px;
	padding: 0px;
	background-color: light-dark(#ccc, #333);
	color: inherit;
  float: left;
  text-align: center;
  text-decoration: none;
  font-size: 36px;
  line-height: 24px;
	border: none;
  border-radius: 12px;
}

.header img {
	height: 48px; 
  float: left;
	padding-left: 12px;
}

@media (max-width: 480px) {
  .header a, .header a:link, .header a:visited, .header a:link:active, .header a:visited:active {
    font-size: 24px;
  }
}

@media (max-width: 380px) {
	#searchBtn {
		display: none;
	}
	#rightSidebar {
		display: none;
	}
}

@media (max-width: 332px) {
	.header img {
		display: none;
  }
}

.sticky {
	position: fixed;
  top: 0;
	left: 0;
	right: 0;
}

.sidebar {
  height: 100%;
  width: 375px;
	max-width: 100vw;
  position: fixed;
  z-index: 1;
  top: calc(2108px /30);
  background-color: light-dark(#eee, #111);
  overflow-x: hidden;
  transition: 0.25s;
	padding-top: 24px;
}

#leftSidebar {
  left: -375px;
}

#rightSidebar {
  right: -375px;
}

.sidebar a {
	color: inherit;
  line-height: 16px;
	
  padding: 8px 8px 8px 16px;
  text-decoration: none;
  font-size: 16px;
  display: block;
	text-align: left;
}

.sidebar details {
	margin-left: 16px;
  font-size: 16px;
}
.sidebar a:hover {
	text-decoration: underline;
}

.sidebar input {
  margin: 8px 32px 8px 32px;
  display: block;
	width: 287px;
	color: inherit;
  text-align: left;
  padding: 12px;
  text-decoration: none;
  font-size: 12px;
  line-height: 24px;
	border: none;
  border-radius: 24px;
}

#main {
  transition: margin-left .25s, margin-right .25s;
}

#content {
	margin-top: calc(2138px /30 + 32px);
	margin-left: 32px;
	margin-right: 32px;
}

img {
	max-width: 100%;
	max-height: 400px;
  width: auto;
  height: auto;
}