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;
 }

 @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');
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

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

 body {
     background-color: #edf2fb;
 }

 p {
     margin-bottom: 1.3em;
 }

 .wrapper {
     display: flex;
     position: relative;
 }

 h1 {
     font: bold 1.85em 'IBM Plex Sans', 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;
 }

 h2 {
     font: bold 1.35em 'IBM Plex Sans', geneva, sans-serif;
     margin: 0;
     padding: 25px 0 5px 0;
     color: black;
     text-align: center;
 }

 h3 {
     font: bold 1em 'IBM Plex Sans', geneva, sans-serif;
     margin: 0;
     padding: 3px 0 3px 0;
     color: black;
 }

 /*inicio Barra lateral*/
 .wrapper .menu {
     width: 190px;
     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;
 }

 /*fin barra lateral*/
 .wrapper .main_content {
     margin: 20px;
     color: black;
     line-height: 1.53em;
     width: 100%;
     margin-left: 190px;
     margin-bottom: 20px;
     text-align: justify;
     padding: 10px 70px 10px;
 }
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

 address {
     font-size: 12px;
 }

 .keywords {
     margin-top: 8px;
     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 1px auto;
     background-color: #efc6b4;
 }

 th,
 td {
     font-size: 1em;
     width: auto;
     height: auto;
     padding: 8px;
     text-align: center;
 }

 tbody td {
     text-align: center;
     background-image: url(noise.png);
 }

 thead th {
     font-weight: normal;
     border-bottom: 1px solid black;
     border-top: 1px solid black;
     background-color: #105c05;
     color: white;
 }

 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;
 }

 #tabla {
     margin-top: 2px;
     padding-bottom: 20px;
     font-size: 0.8em;
     font-style: normal;
     font-weight: normal;
     color: #0c0c0c;
     text-align: center;
 }

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

 ol li:target::before {
     font: 70% sans-serif;
     content: "►";
     color: limegreen;
     margin-right: .25em;
 }

 ol li:target i {
     color: red;
 }