/*Inicio del reset*/
 html,
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 ul,
 ol,
 li,
 pre,
 code,
 address,
 variable,
 form,
 fieldset,
 blockquote,
 figure {
     padding: 0;
     margin: 0;
     font-size: 100%;
     font-weight: normal;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 td,
 th,
 caption {
     font-weight: normal;
     text-align: left;
 }

 img,
 fieldset {
     border: 0;
 }

 ol {
     padding-left: 2.5em;
     list-style-type: decimal;
 }

 ul {
     padding-left: 1.4em;
     list-style: none;
 }

 /*fin del reset css*/
 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

 * {
     box-sizing: border-box;
     text-decoration: none;
     font-family: 'Source Sans Pro', sans-serif;
 }

 body {
     background-color: #edf2fb;
 }

 /*aqui comienza la barra lateral*/
 .wrapper {
     display: flex;
     position: relative;
 }

 h1 {
     font: bold 1.8em verdana, geneva, sans-serif;
     line-height: 30px;
     background: linear-gradient(#ffffff, #FFFFFF);
     width: 100;
     border-radius: 5px;
     margin: 15px auto;
     text-align: center;
     padding: 15px;
     color: #0c0c0c;
     box-shadow: 6px 5px 10px #8a5a44;
/*     text-shadow: 1px 1px 2px white;*/
 }

 h2 {
     font: bold 1.3em verdana, geneva;
     margin: 0;
     padding: 25px 0 5px 0;
     color: black;
     text-align: center;
 }

 h3 {
     font: bold 1em verdana, geneva;
     margin: 0;
     padding: 3px 0 3px 0;
     color: black;
 }

 .wrapper .menu {
     width: 200px;
     height: 100%;
     background: #002642;
     padding: 30px 0px;
     position: fixed;
 }

 .wrapper .menu h2 {
     color: #ffffff;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: 30px;
 }

 .wrapper .menu ul li {
     padding: 15px;
     border-bottom: 1px solid #bdb8d7;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     border-top: 1px solid rgba(255, 255, 255, 0.05);
 }

 .wrapper .menu ul li a {
     font-family: Arial, Helvetica;
     color: #ffffff;
     font-weight: bold;
     display: block;
 }

 .wrapper .menu time {
     font-family: Arial, Helvetica;
     color: #b1f5bf;
     font-weight: bold;
     display: block;
 }

 .wrapper .menu span {
     font-family: Arial, Helvetica;
     color: #b1f5bf;
     font-weight: bold;
     display: block;
 }

 .wrapper .menu ul li a .menu_nav {
     width: 25px;
 }

 .wrapper .menu ul li:hover {
     background-color: #8a5a44;
 }

 .wrapper .menu ul li:hover a {
     color: #fff;
 }

 /*Aqui termina la barra lateral*/
 .wrapper .main_content {
     margin: 20px;
     color: black;
     line-height: 21px;
     width: 100%;
     margin-left: 200px;
     margin-bottom: 20px;
     text-align: justify;
     padding: 10px 70px 10px;
 }

 address {
     font-size: 12px;
 }

 .keywords {
     font-weight: 600;
 }

 .center {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 figure {
     float: none;
 }

 figure img {
     margin-top: 20px;
     padding: 2px;
     background: gray;
     transition: transform 0.1s ease-in-out 0.1s;
     box-shadow: darkgray 5px 5px 10px;
 }

 figure img:hover {
     transform: scale(1.9);
 }

 figcaption {
     font-size: 0.9em;
     font-style: normal;
     font-stretch: semi-condensed;
     font-weight: 600;
     text-align: center;
     margin-top: 5px;
     padding-bottom: 20px;
 }

 /* spacing - table */
 table {
     table-layout: fixed;
     width: 80%;
     border-collapse: collapse;
     margin: auto auto 20px auto;
     background-color: #b1f5bf;
 }

 thead th:nth-child(1) {
     width: 30%;
 }

 thead th:nth-child(2) {
     width: 20%;
 }

 thead th:nth-child(3) {
     width: 15%;
 }

 thead th:nth-child(4) {
     width: 35%;
 }

 th,
 td {
     height: auto;
     padding: 5px;
     text-align: center;
 }

 /* typography */
 tbody td {
     text-align: center;
 }

 tfoot {
     text-align: right;
 }

 /* graphics */
 thead th {
     border-bottom: 1px solid black;
     border-top: 1px solid black;
     background-color: #bfc7c9;
 }

 /* caption */
 caption {
     padding: 25px 0 0 0;
     font-size: 0.9em;
     font-style: normal;
     font-stretch: semi-condensed;
     font-weight: 600;
     caption-side: top;
     color: #0c0c0c;
     text-align: center;
 }

 ol li:target {
     background-color: gold;
 }

 /* Agrega un pseudo-elemento dentro del elemento de destino */
 ol li:target::before {
     font: 70% sans-serif;
     content: "►";
     color: limegreen;
     margin-right: .25em;
 }

 /* Estilo de elementos en cursiva dentro del elemento de destino */
 ol li:target i {
     color: red;
 }