/*Default theme*/
:root {
  --background-color: #fdfdfd;
  --headings-color: #111111;
  --font-color: #333333;

  --site-name-color: #ffffff;;
  --site-description-color: #ffffff;
  --nav-link-color: #57cc8a;
  --nav-link-hover-color: #ffffff;
  --link-color: #8bb8df;
  --link-color-hover: 8bb8df;
}

/* Dark theme */
html[data-theme='dark'] {
  --background-color: #232629;
  --headings-color: #ffffff;
  --font-color: #ffffff;
  
  --site-name-color: #ffffff;;
  --site-description-color: #ffffff;
  --nav-link-color: #57cc8a;
  --nav-link-hover-color: #ffffff;
  --link-color: #8bb8df;
  --link-color-hover: 8bb8df;
  --border-color: #3d3d3d;
}

body {
  background-color: var(--background-color);
  color: var(--font-color);
}

h1, h2, h3, h4, h5 {
  color: var(--headings-color);
}

hr {
  background-color: #eeeeee;
}

header {
  /* background-color: #4e5b69; */
  border-bottom: 2px solid #eeeeee;
}

nav {
  /* background-color: rgba(0, 0, 0, 10); */
  /* background-color: #232629; */
  /* background-color: #23262980; */
}

li a:hover {
  border-bottom: 3px solid white;
  text-decoration: none;
}

a {
  color: #CC99FF;
}

a:hover {
  color: white;
}

main p {
  /* color: #C8C8C8; */
}

footer {

}