/* Modified from view-source:https://taesung.me/ContrastiveUnpairedTranslation/ */
/* CSS style for simple web display */

/* CSS style for general tags */
html {
    scroll-behavior: smooth;
}    

body {
    background-color:white;
    padding:0% 12% 5% 12%;

    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:300;
    font-size:18px;
    margin-left: auto;
    margin-right: auto;
}

/* image */
img {
    max-width:100%; 
    height:auto;

    /* border: 0px solid #eeeeee; */
    /* border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; */
}

/* link */
a:link, a:visited
{
    color: #1367a7;
    text-decoration: none;
}
a:hover, a:active {
    color: #208799;
}

/* separator */
hr{
    border: 0;
    height: 1.5px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0.75) 75%, rgba(0, 0, 0, 0));
}
hr.short_hr{
    border: 0;
    margin: 2em auto;
    height: 0.8px;
    width: 60%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* table */
table, th, td {
    margin: 0 auto;
    text-align: center;
}


/* Specific items */
section{
    text-align: center;
}

p {
    text-align: justify;
}

h1 {
    font-weight:300;
    font-size:35px;
}    
h2 {
    /* font-weight:300; */
    /* font-size:35px; */
    font-size:22px;
    margin: 0.3em 0;
    font-weight:600;
    text-align: left;
}    

figcaption.parent_fig {
    margin-top: 0.2em;
    margin-bottom: 1em;
}

.module_img {
    background-color: rgb(250 250 250);
    /* margin: 1em 0; */
    padding: 1em;
}

.formula_img {
    background-color: rgb(255 255 255);
    padding: 1em;
    margin: 1em;
}


table.data_table {
    margin: 2em auto;
    border: 1px solid black;
    border-collapse: collapse; 
    caption-side: bottom;
}

table.data_table :is(thead, tbody, th, tr, td) {
    border: inherit;
    border-collapse: inherit; 
    padding: 0.1em 1em;
}


.centered_figure {
    text-align: center;
    margin: 0;
    display: inline-block;
    /* width: 300px; */
}


#reference {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}
#reference li {
    display: block;
    margin-bottom: .5em;
    margin-left: 2em;
}
#reference li:before {
    display: inline-block;
    content: "[" counter(item) "]";
    counter-increment: item;
    /* manually create indent */
    width: 2em;
    margin-left: -2em; 
}