html {
   font-family: monospace !important;
   background-color: black;
   background-image: url('images/star.webp');
   background-repeat: repeat;
   background-blend-mode: lighten;
}

#posts {
   font-size: 12pt;
}

code,
pre {
   background-color: white;
   font-family: "Courier New"
      Courier monospace;
   color: black;
}

img {
   border: 2px solid black;
}

a {
   text-decoration: none;
   color: white;
   background-color: transparent;
}

.title,
h1,
h2,
h3,
h4,
h5 {
   color: yellow;
   background-color: transparent;
}

p,
li,
em {
   color: white;
   background-color: transparent;
}

.entryLink {
   padding-top: 5px;
   padding-bottom: 5px;
}

.scroll-left {
   height: 50px;
   overflow: hidden;
   position: relative;
   background-color: transparent;
}

.scroll-left #icons {
   position: absolute;
   width: 100%;
   height: 100%;
   margin: 0;
   line-height: 50px;
   text-align: center;
   /* Starting position */
   transform: translateX(100%);
   /* Apply animation to this element */
   animation: scroll-left 16s linear infinite;
}

.scroll-left p {
   position: absolute;
   width: 100%;
   height: 100%;
   margin: 0;
   line-height: 50px;
   text-align: center;
   /* Starting position */
   transform: translateX(100%);
   /* Apply animation to this element */
   animation: scroll-left 7s linear infinite;
}

/* Move it (define the animation) */
@keyframes scroll-left {
   0% {
      transform: translateX(100%);
   }

   100% {
      transform: translateX(-100%);
   }
}