body {
  background:#141313;
  color:white;
  font-family:Noto Serif JP;
}

.top {
   padding-left: 3em;
   padding-right: 3em;
  top:0;
  max-width: 80ch;
  margin:auto;
}

a {color:#ade6b4;}

.main {
  padding: 1em;
    line-height: 1.25;
    margin: auto;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    max-width: 80ch;
}

.main2 {
 max-width: auto;
  padding:1em;
}

.funnyanimal {
   max-width: 80ch;
   display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
  align-content: flex-end;
  gap: 8px;
} 

.panel {
  background:#353232;
  padding: 0.5em;
    line-height: 1.25;
    margin: auto;
    margin-top: 0.5em;
    margin-bottom: 1em;
    max-width: 70ch;
}

.imgbox { 
  border: 1px solid #ade6b4;
  max-width: 100%;
  max-width:500px;
  padding:5px;
}

.icon { 
  border: 1px solid #ade6b4;
  max-width: 100%;
  max-width:150px;
  padding:1em;
}

.imgtext { 
  border: 1px solid #ade6b4;
  max-width: 100%;
  max-width:50%;
  padding:1em;
  margin:0.5em;
  left: 20%;
  position:relative;
}

.dlbutton {
  float:right;
  height:20px;
}

td {
  padding:1em;
}

hr {
  margin-top:3em;
  margin-bottom:3em;
}

h1 {
  font-size:2em;
  display: block;
}

h2 { 
  font-size:1.4em;
}

.by {
  font-size:1.4em;
  display: inline;
}

p {
  text-indent: 1.5em; 
}

.no-indent {
  text-indent: 0;
}

blockquote {
  margin-left: 1.5em;
}

.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}