@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Newsreader&display=swap');

/* CSS by loveinspired for TLI */

#MushWrapper {
  background-image: url('https://images.unsplash.com/photo-1516205651411-aef33a44f7c2?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=700&q=80');
  background-position: center bottom;
  width: 500px;
  margin: auto;
  border: 3px solid #141e26;
  border-radius: 5px;
}
#MushInner {
  max-height: 600px;
  overflow: auto;
  margin: 50px;
  padding: 20px;
  background-color: rgba(255,255,255,0.85);
  text-align: justify;
  border: 1px solid #141e26;
  border-radius: 3px;
  font-family: Newsreader, serif;
  font-size: 11pt;
  color: #141e26;
}
#MushInner::-webkit-scrollbar {
  width: 5px;
}
#MushInner::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.3);
}
#MushInner::-webkit-scrollbar-thumb {
  background: #30403e;
}
#MushInner::-webkit-scrollbar-thumb:hover {
  background: #30403e;
}
#MushText span {
  color: #3c6062;
  font-weight: bold;
}
#MushFooter {
  text-align: center;
  font-size: 8.5pt;
  text-transform: uppercase;
  padding-top: 10px;
}
#MushQuote {
  text-align: center;
  padding-bottom: 10px;
  font-size: 10pt;
}
.MQ1 {
 padding-right: 20px;
 color: #72a0a2;
}
.MQ2 {
  padding-left: 20px;
  font-style: italic;
}
.MushGirlName {
	color: #bad3d6;
	font-family: 'Dancing Script', cursive;
	line-height: 10px;
	font-size: 12pt;
	margin-right: 3px;
	margin-left: 2px;
}
.MushGirlSubject {
	color: #4b656c;
	font-family: Newsreader, serif;
	font-size: 9pt;
	line-height: 10px;
}
.MushGirlSubject i {
	color: #8ea7ac;
	letter-spacing: 1px;
}
#MushCredits {
  text-align: center;
  color: #33404a;
  font-family: Copse, serif;
  font-size: 8pt;
  padding-top: 3px;
  text-transform: uppercase;
}
#MushCredits:after {
  content: '\2665';
}

/* 
NAME
<span class='MushGirlName'>Bunny</span>

SUBJECT
<link rel='stylesheet' type='text/css' href='https://dl.dropbox.com/s/2dt42pg3f3g17c4/TLI_MushGirl.css'><span class='MushGirlSubject'>all the things, i've left <i>unsaid</i></span>

POST
<link rel='stylesheet' type='text/css' href='https://dl.dropbox.com/s/2dt42pg3f3g17c4/TLI_MushGirl.css'><div id='MushWrapper'><div id='MushInner'><div style='text-align:center;'><img src='https://i.imgur.com/22ZSjnR.png'></div><div id='MushQuote'><span class='MQ1'>let the rain wash away,</span><div><span class='MQ2'>all the pain of yesterday;</span></div></div><div id='MushText'>
TEXT GOES HERE
</div><div id='MushFooter'><div>mare . shetland mutt . 13hh . mushroom splash</div>homeless . loveinspired</div></div></div><div id='MushCredits'>Image by Meric Dagli on Unsplash - HTML by loveinspired </div>