body {
	max-width: 800px;
  	margin: auto;
  	padding: 1em;
  	line-height: 1.6em;
	background-color: #9DB6B9;
    color: #042740;
  }
  a {
    #color: #e39777;
    color: #042740;
  }
  img {
    filter: grayscale(30%);
  }

.light-mode, .light-mode a {
    background-color:#FCF19A;
    color:#003C79;
}


.menu li { display: inline-block; max-width: 100%;}
.article-meta, .menu a , .menu a:link, .menu a:visited{
  text-decoration: none;
  color: #042740;
  background: #557DA6;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #042740;
}
.menu a:hover {
  background-color: #d1e5cd;
	color: #003C79;
}
.menu, .article-meta, footer { text-align: center; }
.title { font-size: 1.1em; }
footer a { text-decoration: none; color: #0050A0 }
hr {
  border-style: dashed;
  color: #042740;
}

/* */

/* */
table {
  margin: auto;
}
table thead th { border-bottom: 1px solid #e4e4e4; }
th, td { padding: 5px; border: 1px solid #e4e4e4;}
tfoot, tr:nth-child(even) { background: #4b4b4b;}
thead { background: #b35454;}
  
blockquote {
  	background: #5D5D5D;
	color: #e4e4e4;
  	padding: 1px 1em 1px;
}
img, iframe { max-width: 100%; 
  display: block;
  margin-left: auto;
  margin-right: auto; 
  #background-color: #CFD68A;
}
img[alt=physics] { max-width: 100%; display: block;
  margin-left: auto;
  margin-right: auto; 
  background-color: #CFD68A;
}


img[alt=thumbnail] {
   width:200px;
   float: right;
   clear: right;
   margin-left: 2em;
   margin-right: 1em;
   margin-bottom:1em;
   margin-top:1em;
}

img[alt=sideimage] {
   width:15em;
   float: right;
   clear: right;
   margin-left: 2em;
   margin-right: 1em;
   margin-bottom:1em;
   margin-top:1em;
}

img[alt=small] {display:block;
   width:300px;
   float: right;
   clear: right;
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom:1em;
   margin-top:1em;
}

img[alt=photo] {
   display:inline;
   width:150px;
   float: left;
   #clear: right;
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom:1em;
   margin-top:1em;
}

video { max-width: 100%; display: block;
  margin-left: auto;
  margin-right: auto; 
  background-color: #444;
}

/* code */

pre {
  border: 1px solid #DBDBDB;
  #box-shadow: 5px 5px 5px #6F8396;
  padding: 1em;
  overflow-x: auto;
  background: #5D5D5D;
}
code { background: #5D5D5D; }
pre code { background: none; }

.emoji {
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
}

.less {
    color       : #666;
    font-size   : 16px;
}

.pages {
    margin-left: auto;
    margin-right: auto;
    padding     : 30px 0 10px;
    font-size   : 18px;
}

.app-header-avatar {
  max-width: 2rem;
  max-height: 2rem;
  float: right;
  #clear: right;
  #margin-bottom: 4em;
  border-radius: 100%;
  border: 0.5rem solid $primary-color;
}

/*.app-header-avatar:hover {
    max-width: 10rem;
    max-height: 10rem;
    clear: right;
}
*/
/* tok */
.tok {
  text-decoration: none;
  width: 30%;
  float: left;
  clear: left;
  color: #A3C9B8;
  background: #5D5D5D;
  padding: 1px;
  border-radius: 2px;
  #border: 1px solid #A3C9B8;
  font-size: 0.8em;
  
}