body {
font-family: "MS UI Gothic";
  	background-image: radial-gradient(rgb(185, 122, 87) 2px, transparent 2px), radial-gradient(rgb(185, 122, 87) 2px, transparent 2px);
	background-size: 32px 32px;
	background-position: 0 0, 16px 16px;
	background-color: rgb(255, 174, 201);
}

nav,
main,
footer {
  background-color: rgb(249, 244, 225);
  padding: 5px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

main {
  display: flex;
  align-items: flex-start;
}
img:not(.frontpic img) {
max-width: 100%;
margin: 5px;
}

.column {
width: 25% !important;
flex-shrink: 0;
}

.frontpic {
background-color: white;
width: 100%;
transform: rotate(-5deg) translate(-15px);
  border: 5px solid white;
margin: 5px;
 flex: 0 0 25%;
}

.content {
padding:20px;
flex:1;
}

.frontpic img {
max-width:100%;
}

h1, h2, h3, h4, h5, h6, hr {
color: rgb(185, 122, 87) !important;
font-family: "BIZ UDPMincho", serif;
font-weight: bold !important;
}

h5 {
  padding-left:20px;
}

p, ul, ol {
  color: rgb(185, 122, 87);
  margin: 20px;
  font-family: ms ui gothic;
font-weight: bold;

}
ul, ol, li {
  color: rgb(185, 122, 87);
  margin: 10px;
font-family: ms ui gothic;
font-weight: bold;
}
a {
color: rgb(185, 122, 87)
}
a:hover {
  color: rgb(255, 174, 201);
}

ul, ol { 
  overflow: hidden; 
}

.lyricsscrollbox{
  height:500px;
  overflow-y: auto;
}