:root {
  --link: #63d297;
  --orange: #FFB86C;
}

h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
  color: var(--accent);
  content: '> ';
}

header>hr {
  border-color: var(--orange);
}

kbd {
  margin: 0 2px;
  font-size: 1em;
  border: 1px outset var(--text);
  background-color: var(--bg);
  padding: 2px 3px;
}

video.gif {
  border: none;
  display: block;
  margin: 0 auto;
}

img {
  margin: 20px auto;
}

pre {
  margin: 20px 0;
}

h2,
h3,
h4,
h5,
h6 {
  margin: 2em 0 0 0;
}

h1::before {
  content: "";
}

h1 {
  text-align: center;
}

a {
  padding: 0.4em;
}

#theme-toogle {
  padding: 0.4em;
}

.tag {
  color: var(--orange);
  font-size: 1.1em;
}

.tag:hover {
  background-color: var(--orange);
}



footer {
  margin-top: 2em;
}

/*
* INDEX PAGE
*/

contact {
  display: flex;

  img,
  a {
    margin: 2px auto;
    border: none;
  }
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50%;
  margin: 2em auto;
}

.avatar {
  min-width: 200px;
}

.text {
  padding: 0.5em;

  h2 {
    margin-top: 0;
  }
}