html {
  height: 100%;
  width: 100%;
  /* background-color: rgb(20, 20, 20);*/
  background-color: #262626;
  color: #ffedd5;
  font-family: "Hind", sans-serif;
}

h1 {
  color: #fef08a;
}

h2 {
  color: #2dd4bf;
}

h1,
h2 {
  font-family: 'Author', sans-serif;
}

a {
  color: #f2ec80;
  text-decoration: none;
  animation-duration: 500ms;
  display: inline-block;
}

a::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #ffffff;
  transition: transform 0.2s ease-in-out;
  transform: scale(0);
}

a:hover::after {
  transform: scale(1);
}

code {
  color: #f2ec80;
  background-color: #2d2d2d;
  border-radius: 5px;
  padding: 2px;
}