body {
   background-color: #eee;
   margin-left: 10%;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial;
}

h1 {
   text-align: center;
   font-size: xx-large;
   font-weight: bold;
   color: #48e;
}

h2 {
   font-size: x-large;
   font-weight: bold;
   font-size: large;
   color: #48e;
}

h3 {
   font-size: large;
   color: #48e;
   font-weight: bold;
}

h4 {
   font-size: medium;
   color: #48e;
   margin-left: 1em;
}

strong.justcolor {
   color: #0aa;
   font-weight: normal;
}

a.left {
   margin-left: 3em;
}

div.inbox > ul > li {
   padding-left: 5px;
   padding-right: 5px;
} 

div.inbox > ul > li:hover {
   background-color: #ddf;
   border-radius: 5px;
   padding-left: 5px;
   padding-right: 5px;
} 

div.inbox > ul > li > a {
   text-decoration: none;
   color: #fff;
} 

div.inbox > ul > li > a:hover {
   color: #444;
   text-decoration: none;
} 


div.code-block {
   padding-top:    0.75em;
   padding-left:   1.25em;
   padding-right:  1.25em;
   padding-bottom: 1em;
   background-color: #fff;
   border-radius: 10px;
   display: inline-block;
}

pre {
   font-weight: bold;
}

div.inbox {
   left-margin: 1em;
   color: white;
   border: none;
   padding: 1em;
   background-color: #47e;
   display: inline-block;
   border-radius: 10px;
}

span.term { color: #008080; font-weight: bold;}
span.value { color: black; margin-left: 8em; font-weight: 100;}

/*
    Stolen from Ruby's user guide:
    http://www.math.sci.hokudai.ac.jp/~gotoken/ruby/ruby-uguide/uguide.css
*/
div.shell { border-width: 0.3em;
            border-style: solid; background-color: #404040;
            margin: 0; color: white; 
            border-color: #808080 #202020 #202020 #808080; }
div.script { border: 0.5em groove; background-color: #efefe0;
          margin: 0; color: #000000; 
          border-color: #000000; }