/* -------no comments------- :) */

body {
  background-color: /*#202122*/#C6C9CA;
  background-image: url(".svg");
  /*font-family: "Source Sans Pro",sans-serif;*/
  font-family: system-ui, sans-serif;
  color: #345;
}
hr {
  color: #777	;
  border: 3px solid #777;
  border-radius: 3px;
  width: 62%;
}
h1 {
  color: #789;
  font-weight:normal;
}
h2 {
  color: #789;
}
h3 {
  color: #877;
}
p {
  color: #789;
}
sup {
    font-size: 12px;
}

a:link {
    color: hsla(120, 90%, 95%, 0.8);
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: hsla(120, 80%, 99%, 0.8);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: hsla(120, 70%, 20%, 0.5);
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: hsla(203, 100%, 87%, 1);
  background-color: transparent;
  text-decoration: none;
}

details {
  color: #89a;
}

summary {
    color: #567;
    font-size: 20px;
}

summary.project {
    color: #567;
    font-size: 28px;
    list-style: none;
    text-indent: 1em;
}

div{
    width: 90%;
    margin: 2%;
    border:  3px solid rgba(90, 130, 120, 0.1)/*#873*/;
    padding: 2%;
    background-color: rgba(178, 225, 211, 0.4);
    color: hsla(181, 45%, 15%, 0.7);
}