html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: rgb(24, 24, 24);
}
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Source Code Pro', monospace;
  color: rgb(119, 119, 119);
}
::selection {
  background-color:#999999;
}
h1, h2, h3, h4, h5 {
  font-family: 'PT Serif', serif;
  color: rgb(79, 78, 77);
}
h1 {
  font-size: 1.6em;
}
a {
  text-decoration-line: none;
  text-decoration-style: initial;
  text-decoration-color: initial;
  text-decoration: none;
  color: rgb(153, 153, 153);
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
  transition-property: all;
  display: inline-block;
}
a:hover {
  color: rgb(199, 197, 193);
}
a:after {
  content: '';
  display: block;
  width: 0;
  margin-top: 4px;
  height: 1px;
  background: #999;
  -webkit-transition: width .3s;
  transition: width .3s;
}
a:hover:after {
  width: 100%;
}

/* custom components */
section {
  padding-top: 15em;
  padding-bottom: 5em;
}
.container {
  /* max-width: 576px; */
  max-width: 768px;
  margin: 0 auto;
  padding: 0 2em 0 2em;
}
.simple-list {
  list-style-type: none;
  list-style-position: initial;
  list-style-image: initial;
  margin: 0;
  padding: 0;
}
.simple-list>li>p {
  margin: 0;
}

section#welcome,
section#socials,
footer {
  text-align: center;
}

section#works,
section#music {
  text-align: right;
}

/* blog */
a.more {
  margin-top: 2em;
}

/* skills and competences */
ul#skill-ul>li {
  display: inline-block;
  margin: 0;
  padding: 0em .2em 0em .2em;
}

/* social links */
ul#soc-ul>li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
a.social,
a.social:hover,
a.social:focus {
  color: rgb(119, 119, 119);
  text-decoration: none;
  font-size: 1.8em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
a.social:hover {
  color: rgb(73, 73, 73);
}
a.social:after {
  display: none;
}
a.social:hover:after {
  display: none;
}

/* footer */
footer {
  padding-top: 5em;
  padding-bottom: 2em;
  font-size: 0.9em;
}

/* blog index page */
section#blog-index {
  padding-top: 1em;
  padding-bottom: 5em;
}
#blog-index h2 {
  margin-top: 3em;
}
#posts>li>p {
  margin-bottom: .25em;
}