@use 'sass:math' {}#page {
  padding: 33px 7px;
  margin: 0 auto;
  max-width: 999px;
  text-align: left;
  font-family: American Typewriter, serif; }

a {
  color: darkslateblue; }
  a:visited {
    color: darkslateblue; }

a:hover, a:visited:hover {
  color: crimson;
  text-decoration: none; }

body {
  background-image: url(/assets/books.png);
  font-size: 100%;
  padding: 0;
  margin: 0;
  text-align: center; }

h1 {
  color: crimson;
  font-size: 200%;
  font-weight: 600; }

h2 {
  color: orangered;
  font-size: 170%;
  font-weight: normal;
  margin-top: .5em;
  margin-bottom: .5em; }

h3 {
  color: darkslateblue;
  font-size: 140%;
  font-weight: normal;
  margin-top: .2em;
  margin-bottom: .2em; }

h4 {
  color: green;
  font-size: 110%;
  font-weight: normal;
  margin-top: 12px;
  margin-bottom: 4px; }
  h4.top_menu {
    color: crimson;
    background: #eee;
    font-size: 111%;
    text-align: center;
    margin-top: 2px;
    padding: 6px 0; }

img {
  border: 0;
  max-width: 98%; }
  img.small_square {
    height: 160px;
    width: 160px;
    border: 3px solid darkslateblue;
    border-radius: 18px;
    margin: 2px 4px; }

ul, ol, blockquote, q {
  line-height: 24px; }

ul, ol {
  color: darkslateblue; }

blockquote, q {
  color: green; }

q {
  margin-left: 20px; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.line-list {
  color: green;
  font-size: 130%;
  font-weight: normal;
  margin-top: .2em;
  margin-bottom: .2em; }

.info {
  color: green;
  font-size: 80%; }

#header {
  border-radius: 55px 55px 0 0;
  background: #900C3F url(/assets/headerbg.png);
  border-bottom: 3px solid #fc0;
  color: #eee;
  padding: 5px 15px;
  text-align: center; }

#site-title {
  color: #eee;
  font-size: 155%;
  font-weight: normal;
  font-style: italic;
  margin-top: 4px;
  margin-left: 33px; }

#site-title a, #site-title a:visited {
  color: #ddd;
  text-decoration: none; }

#site-title a:hover, #site-title a:hover {
  color: #fff;
  text-decoration: none; }

#sub-title, #sub-title a, sub-title a:visited {
  font-size: 101%;
  color: #ddd;
  font-style: italic;
  text-decoration: none;
  padding: 4px 0; }

#main {
  border-radius: 0 0 55px 55px;
  background-color: white;
  border-bottom: 3px solid #fc0;
  float: left;
  width: 100%; }

#content {
  padding: 0px 20px;
  min-height: 555px; }
  #content h1 {
    margin-top: 0; }
  #content h3 a {
    border-bottom: 1px dotted #a3a39c;
    display: block;
    padding-bottom: 2px;
    text-decoration: none; }
  #content p, #content li {
    line-height: 160%; }

#breadcrumbs {
  color: green;
  font-size: 100%;
  font-weight: normal;
  margin: 8px 0 0 0;
  font-style: italic; }

.breadcrumbs {
  text-align: center; }

#siblings {
  text-align: center;
  color: orangered;
  font-size: 88%; }

#footer {
  color: darkblue;
  font-size: 88%;
  margin-top: 2px;
  padding: 6px 0;
  text-align: center; }

.dropbtn {
  background-color: #ddd;
  border-radius: 10px;
  color: green;
  padding: 6px;
  margin: 8px 0 0 0;
  line-height: 12px;
  font-weight: bold;
  border: none;
  cursor: pointer; }

.dropbtn:hover, .dropbtn:focus {
  background-color: #fff;
  color: green; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown a:hover {
    background-color: #ddd; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  border-radius: 10px;
  padding: 8px;
  text-align: left;
  min-width: 165px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1; }
  .dropdown-content a {
    text-align: left;
    padding: 2px 8px;
    text-decoration: none;
    display: block; }

.show {
  display: block; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */