/* -------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);
}
/*
TABLES --------------------
*/
table{
    border:none;
    border-collapse:collapse;/*Merges borders*/
}
thead{
    border:none;
}
tr, th, td{
  border-top: none;
  border-bottom:1px solid hsla(120, 70%, 20%, 0.5);
  border-left: none;
  border-right: none;
  padding: 6px 10px;
  text-align: left;
}
table.test {
    border: 7px dotted blue;
    border-collapse: separate;
    border-spacing: 10px;      /* espacio entre celdas */
    padding: 15px;
    margin: 20px;
    background: #e6ffe6; /* verde clarito para padding */
}
table.test caption {
  border: 5px dashed purple;
  padding: 7px;
  margin: 10px;
  background: #e6ffe6;
}
table.test tr {
  border: 7px solid hsla(170, 50%, 75%, 0.5);
  background: hsla(170, 50%, 75%, 0.2);
}
table.test th {
  border: 7px solid hsla(170, 50%, 75%, 0.5);
  padding: 15px;
  margin: 20px;
  background: hsla(170, 50%, 75%, 0.2);
}
table.test td {
  border: 7px solid hsla(170, 50%, 75%, 0.5);
  padding: 15px;
  margin: 20px;
  background: hsla(170, 50%, 75%, 0.2);
}
table.test thead {
  outline: 3px none orange;
}
table.test tbody {
  outline: 3px none teal;
}
table.test tfoot {
  outline: 3px none brown;
}
table.test colgroup {
  outline: 3px none gray;
}
table.test col {
  outline: 3px none black;
}


code {
    font: normal 14px monospace;
    color: hsla(130, 50%, 90%, 0.9);
    background: hsla(120, 70%, 10%, 0.5);
    padding: 0px 7px;
    border-radius: 1%;
}

pre {
  font: normal 16px monospace;
  color: hsla(130, 50%, 90%, 0.9);
  background: hsla(120, 70%, 10%, 0.5);
  padding: 7px;
  border-radius: 2px;
  overflow-x: auto;
}