body {
  background-color: #3f007f;
  padding:2em;
  font-family: Courier, monospace;
  font-size:20px;
  color: #fff;
}

h1, #home {
  font-size:40px;
}

#home {
  text-decoration: none;
  font-weight:bold;
}

ul {
  display: block;
  list-style: none;
}

a {
  color: #FFF;
}

a:hover {
  color: #fc16c3;
}
/* MOOD BAR */
span.emoji {
  font-size:30px;
  vertical-align:middle;
}

img.custom-icon {
  width:30px;
  vertical-align: middle;
}

#mood, #tags {
  padding:10px;
  display: inline-block;
}


.tag-bar {
  display:inline;
  float:right;
  vertical-align: middle;
  background-color:#D2D6EF;
  color:#613DC1;
  font-weight:bold;
  text-decoration: none;
  padding:2px 5px 2px 5px;
  margin:5px;
  border-radius:5px;
  text-align:center;
  width:150px;
}

.tags {
  vertical-align: middle;
  background-color:#D2D6EF;
  color:#613DC1;
  font-weight:bold;
  text-decoration: none;
  padding:2px 5px 2px 5px;
  margin:5px;
  border-radius:5px;
  width:200px;
  text-align:center;
}

.tags a {
  width:200px;
}

.tags:hover {
  background-color:#613DC1;
  color:#fff;
}

.tag-box {
  margin-left:40px;
  white-space: nowrap;
}

#filesize {
  display:inline;
  padding-left:25px;
}

#home:after {
  content:"▓";
  animation:blinking 1.5s infinite;
  color: #fc16c3;
}

@keyframes blinking{
0%{   color: #fc16c3;   }
50%{  color: transparent; }
100%{  color: #fc16c3;   }
}

#orange-pi {
  color:#03741a;
  background-color:#f7a934;
}

#arduino {
  color:#fff;
  background-color:#00979c;
}

#arduboy {
  color:#fff;
  background-color:#FF8C00;
}