<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre>html {
background: #e6e9e9;
background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);
-webkit-font-smoothing: antialiased;
}
body {
background: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
color: #545454;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: normal;
line-height: 1.5;
margin: 0 auto;
/* max-width: 1200px; */
max-width:fit-content;
min-width: 860px;
padding: 2em 2em 4em;
}
h2, h3, h4, h5, h6 {
color: #424242;
font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Arial', sans-serif;
font-size: x-large;
font-weight: bolder;
line-height: 1.3;
}
h1 {
color: rgb(18, 132, 186);
font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Arial', sans-serif;
font-size: 40px;
font-weight: lighter;
}
a {
color: rgb(18, 132, 186);
text-decoration: none;
font-family: sans-serif;
font-size: x-large;
font-weight: normal;
}
a:visited {
color: rgb(18, 132, 186);
text-decoration: none;
}
a:hover {
color: rgb(103, 18, 18);
text-decoration: none;
}
b, strong {
font-weight: 600;
}
samp {
display: none;
}
img {
animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
background: transparent;
border: 10px solid rgba(0, 0, 0, 0.12);
border-radius: 4px;
display: block;
margin: 1.3em auto;
max-width: 95%;
}
@keyframes colorize {
0% {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
100% {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.Header {
height: 50px;
width: 100%;
border: 1px solid rgb(19, 100, 0);
background: #e0eaf7;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.MainBody {
width: 94%;
background: #f8f8f8;
border: 1px solid #1256d8;
padding: 1% 3% 1% 3%;
}
.JSME {
margin: 0 auto; /* achieves centerring */
width:800px;
height:500px;
}
.JSmol {
/* margin: 0 auto; /* achieves centerring */
border: 1px solid rgb(19, 200, 200);
/* width:fit-content; */
height:fit-content;
}
.JSmol_Controls {
margin: 0 auto; /* achieves centerring */
width:fit-content;
}
.Buttons {
text-align: center;/* achieves centerring */
}
blockquote {
margin: 5;
}
blockquote p {
padding: 20px;
background: #eee;
border-radius: 8px;
}
blockquote p::before {
content: '\201C';
}
blockquote p::after {
content: '\201D';
}
</pre>
</body>
</html>