html {width: 100%;}

.index_box{display: flex; flex-wrap: wrap; justify-content: center;}
.theme-tables > img {flex: 1 ;}
.index_box a{color:black;text-decoration:none;font-size: 2vh; }
.link_span{position:absolute;right:1em;}
.about {color: black; max-width: 40em; min-width: 20em; }
.about main {color: black; max-width: 100vw; }
.about-info { text-align: center; }
#about-picture { justify-content: center; max-width: 40em; }
.key{font-family: monospace !important; word-break: break-all; margin-left: 1em; margin-right: 1em; margin-top: 1em; display: flex; justify-content: center; font-size: 1.65vmin;}
#gpg-key{font-family:monospace; white-space: pre; }
.tools_box{width:60em;font-family:monospace;position:relative;text-align:left;font-size:1.0em;}
.ascii_box{min-width:50vw; max-width: 90vw; font-family:monospace;position:relative;text-align:left;pc overflow:hidden;}
.ascii_box div {top: -0.3rem; font-size: 1vw;}
.ascii_box span {top: -0.3rem; font-size: 2vw;}
.ascii_box a {font-size: 2vw;}
.recording {font-family:sans-serif; padding-left: 3vw; }

.tracknum {float: left; display: inline-block; width: 5vw; padding-right: 5vw;}
.tracknum_fav{float: left; display: inline-block; color: green;  width: 5vw; padding-right: 5vw; color:green;}
.song { display: flex; padding-bottom: 0.5vh; }
.songlink{ width: 100%; }
.songlink_fav{ width: 100%; color:green;}
.songs .songlink a:link{color:#000000;text-decoration:underline;}
.songs .songlink_fav a:link{color:#666600;text-decoration:underline;font-weight:bold;}
.songs a:active{color:#0000ff;text-decoration:underline;}
.songs a:visited{color:#008000;text-decoration:underline;}
.songs a:hover{color:#ff0000;text-decoration:none;}

.breadcrumb { font-size: 2.0vh; }
.breadcrumb a { font-size: 2.0vh; }

#cover{top:3rem;}
#bandname{color:#666666; font-size:4vh; padding-bottom:0.4em;}
#albumname{color:#666666; font-size: 4vh; padding-bottom:0.4em;}
#download{height:1rem;}

.answer{padding-bottom:1em;}
.front-img { max-height: 40vh; }
.l-box { padding: 1em; display: inline-block; }
.front-image { display: flex; justify-content: center; }
.center { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; text-align: center; }
.caption { float: right; margin-top: 0.25em; }
.post { margin-top: 1rem; }
.svg {width: 2rem; height: auto; margin-bottom: 0.5rem;  }
.svg-container { width: 2rem; height: auto; }
.blogbox { padding: 3rem; max-width: 80vw; min-width: 40vw; padding-left: 3vw; padding-right: 3vw; flex-direction: column; line-height: 1.3; }
.blogbox p { padding-bottom: 1rem; }
.blogbox a { color: green; text-decoration: underline; font-size: initial; }
.inline-svg > svg { height: 1.15rem; width: 1.15rem ; vertical-align: -0.3rem;}
.pager { display: flex; flex-direction: row; }
nav { display: flex; flex-direction: row; }
.level-item { padding: 1rem; }

.blogbox [role='doc-noteref'] { font-size: small; vertical-align: -0.05rem; padding-left: 0.15rem;}

table.wtbl td { width: 10% }
div.highlight pre { padding: 0.5rem; }
#content-wrap {padding-bottom: 2.5rem;}
/*
#footer{ position: absolute; bottom: 0; width: 100%; height: 2.5rem; text-align: center; align-content: center;}
*/
#footer{ position: relative; bottom: 0; margin-left: auto; margin-right: auto; height: 2.5rem; text-align: center; align-content: center;}
footer a{color:black;text-decoration:none;font-size: 2vh; }