main {
  font-family: monospace, monospace;
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

::selection {
  background: #d3869b;
}

body {
  background: #282828;
  color:      #ebdbb2;
}

pre {
  border: 1px solid #98971a;
  padding: 1em;
  overflow: scroll;
}

a, a:active, a:visited {
  color: #b16286;
  text-decoration: none;
}

h1 {
  color: #b16286;
}

h1, h2, h3, h4, h5 {
  margin-bottom: .1rem;
}

blockquote {
  border-left: 1px solid #bdae93;
  margin: 0.5em 10px;
  padding: 0.5em 10px;
}

hr {
  margin-top: 2rem;
}

p {
  text-align: justify;
  text-justify: inter-word;
}

li {
  text-align: justify;
  text-justify: inter-word;
}

.featured-img {
    margin: 0.5rem 0;
    width: 100%;
    height: 13rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    /* background-blend-mode: hard-light; */
    /* mix-blend-mode: multiply; */
}

.bg-red {
    background-color: #fb4934;
}

.bg-green {
    background-color: #b8bb26;
}

.bg-yellow {
    background-color: #fabd2f;
}

.bg-blue {
    background-color: #83a598;
}

.bg-purple {
    background-color: #d3869b;
}

.bg-aqua {
    background-color: #8ec07c;
}

.bg-orange {
    background-color: #fe8019;
}

.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
}