h1 span {
font-family: sans-serif;
color: white;
background: black;
padding: 0.2em;
}
.subtitle {
/*  set to default h2 style */
margin-top: 0.83em;
margin-bottom: 0.83em; 
font-size: 1.50em;
font-weight: bold; 
}
button{
-webkit-appearance: none;
margin: 0.5em;
padding: 0.8em 1.2em;
/* font-size: 100%; */
border-radius: 6px;
text-align: left;
}
.button_tag {
padding-left: 0.3em;
padding-right: 0.5em;
font-style: italic;
font-weight: bold;
color: white;
background: black;
border-radius: 0.6em;

}
.label {
display: inline-block;
padding-top: 0.5em;
padding-left: 0.8em;
width: 1.2em;
height: 1.5em;
border-radius: 50%;
text-align: justify;
}
#label_1 {
background: #FFD56A;
}
#label_2 {
background: #C5FF69;
}
#label_3 {
background: #00FFD6;
}
#label_5 {
background: #FF05E6;
}
#label_4 {
background: #F4FF2A;
}
header {
padding: 0.5em;
border-bottom: 1px solid black;
}
.abstract {
padding-left: 1em;
padding-right: 1em;
border-bottom: 1px solid black;
text-align: justify;
}
#content {
margin-right: 420px;
text-align: justify;
padding-left: 1em;
padding-right: 1em;
}
#graphical_abstract{
/* 
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
 */
display: none;
width: 400px;
height: 400px;
border: 1px solid black;
}
.authors {
font-weight: bold;
}
.affiliation {
font-style: italic;
}
#jmolviewer {
position: absolute;
right: 0px;
width: 400px;
padding: 19px 10px;
}
.real_world {
margin-top: 2em;
padding-left: 0.8em;
padding-right: 0.8em;
border: outset;
}
footer {
border-top: 1px solid black;
border-bottom: 1px solid black;
margin-top: 2em;
margin-bottom: 2em;
}