body {
  padding: 50px 150px;
  font-family: 'Georgia', serif;
}

img.custom-icon {
  height:30px;
  vertical-align: middle;
  margin:10px;
}

img.micro {
  height:20px;
  vertical-align: middle;
  padding:2px;
  border-radius:2px;
}

h1 {
  text-align:center;
  font-size:60px;
}

footer {
    font-style:italic;
    font-size: 12px;
    text-align:center;
    padding:25px;
    margin:auto;
    margin-top:20px;
    border-top: 1px solid;
    width:50%;
}

div#toc {
  position:fixed;
  width:15%;
  top:50%;
  bottom:auto;
  right:10px;
  left:auto;
  transform: translate(0%, -50%);
  margin: 5px;
  background: linear-gradient(to right,purple,deeppink);
  border-radius:5px;
}

ul {
  background:white;
  border-radius:5px;
  margin:15px;
  padding:0;
}

li { min-height: 50px;}

ul#taglist li {
	min-height:0;
	list-style:none;
	font-weight:bold;
	padding:5px;
}

div#toc h3, div#toc a, div#toc a:visited {
  text-align: center;
  color: white;
  text-decoration:none;
}

span#tags {
  background: linear-gradient(to right,purple,deeppink);
  color: white;
  display:inline-block;
  font-weight:bold;
  border-radius:5px;
  margin:5px;
  padding:5px;
  height:20px;
}

#posts li:hover { background: #fffed6; }
#posts li.hide { display: none; }
input#myInput {width:80%;}