* {
  font-size: 1em;
}

textarea {
  width: 100%;
}

button, input[type=button] {
  background-color: var(--background);
  color: var(--forground);
  border: 1px solid var(--forground);
  padding: 0.25em;
  font-size: 0.8em;
  min-width: 30%;
}

input {
  background-color: var(--background);
  color: var(--forground);
  border: 1px solid var(--forground);
  font-size: 1em;
  margin: 0em;
  width: 100%;
}
input.chart {
  width: 10%;
  font-size: 0.8em;
  padding: 0.5em;
}
div.ticker_div {
width: 100%;
margin: 0px;
padding: 0px;

}

html, body {
  max-width: 100%;
  overflow-x: hidden;
  height: 100%;
}

div.section {
  font-size: 1.2em;
  width: 100%;
}
div.square {
  width: 100%;
}
.post_summary {
  margin-left: 0em;
  margin-right: 0em;
  width: 95%;
  border-left: 0px solid var(--forground);
  border-top: 1px solid var(--forground);
}

h1 a {
}
main {
  margin-left: 1em;
  margin-right: 1em;
}

.post_details {
  width: 90%;
  border-left: 0px solid var(--forground);
  border-top: 0px solid var(--forground);
  min-height: 0vh;
  margin-left: 0em;
}

.post_detail h1 {
  text-align: left;
}

.post_summary h2 {
  font-size: 1em;
}

h1 {
  font-size: 1.5em;
}
h2 {
  margin: 2em;
}

.container {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 5fr 0fr 0fr;
  grid-gap: 0px;
  height: 100%;
}

header {
  text-align: center;
  width: 100%;
}

header,
footer {
  grid-column: 1 / -1;
}

.content {
  grid-column: 2 / 3;
}

img#glasses {
  min-width: 30%;
  grid-column: 1 / -1;
  margin-top: -2em;
  margin-right: -8%;
}
 
img#rss {
  max-height: 1.2em;
}

div.burger {
  float: right;
  display: block;
  width: 20%;
  border: none;
}

div.burger svg {
  width: 100%;
}

div.chart{
  margin: 0px;
  padding-bottom: 2em;
  margin-bottom: 2em;
  margin-left: 0%;
  padding: 0px;
  width: 100%;
  padding-top: 2em;
  height: 60vh;
  border: 0px solid red;
}
div.comment {
  padding-left: 0.5em;
}
div.comment hr{
  margin-left: -0.5em;
}

div.dropbtn {
  padding: 0px;
  margin: 0px;
  clear:both;
  font-weight: 900;
  width: 100%;
}
div.dropbtn a#menu {
  float: right;
  border: 0px solid yellow;
}
div.dropbtn a#home {
  float: left;
  border: 0px solid blue;
}

div.subdropbtn {
  padding: 0px;
  margin: 0px;
  clear:both;
  border: 0px;
  width: 100%;
}

div.subdropbtn a {
  font-size: 1em;
  padding-top: 0.2em;
  margin: 0px;
  display: block;
  background-color: var(--background);
}

div.dropbtn a {
  font-size: 1em;
  padding-top: 0.2em;
  margin: 0px;
  display: block;
  background-color: var(--background);
  color: var(--forground);
}
div.subdropbtn a.inverted, div.dropbtn a.inverted {
  background-color: var(--forground);
  color: var(--background);
}

div.rss a{
  text-align: left;
  float:left;
  text-decoration: none;
  font-size: 0.8em;
  padding-left: 0.5em;
}

div.tagcloud_hidden {
  display: none;
}

div.tagcloud {
  position: absolute;
  width: 100%;
  display: block;
  text-align: right;
  border-bottom: 20em solid var(--background);
}
table {
 width: 100%;
}

/* not enough space between h1 link above and this link */
div.url {
  margin-top: 1em;
}
.daily_requests_div { 
  width: 110%;
}

ul#menu {
  display:visible;
}

div.main {
  width: 90%;
  float: left;
}
div.ticker {
  border-left: 0px solid white;
}