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

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

a:link {
  color: hsla(203, 75%, 54%, 0.7);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: hsla(212, 44%, 58%, 0.8);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: hsla(154, 100%, 43%, 0.7);
  background-color: transparent;
  text-decoration: underline;
}

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

details {
  color: #abc;
}

summary {
    color: #cba;
}

div{
width: 700px;
margin: 70px;
border:  7px solid rgba(118, 165, 151, 0.1)/*#873*/;
padding: 30px;
background-color: rgba(178, 225, 211, 0.4);
color: hsla(181, 41%, 19%, 0.6);
}