.midnightmoss {background-image: URL('https://i.imgur.com/tP3EUqn.png'); width: 600px; margin: auto; padding: 70px; color: #223f2b; font-family: 'Sentient', serif; font-weight: 400}
.midnightmoss h1 {font-weight: 50; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0px; margin-top:20px; ; font-size: 42px; font-family: 'Sentient', serif;}
.mmsub{font-size: 10px; text-align: center; margin-top: -9px; line-height: 1.0;}

.mmsep{display: flex; align-items: center; text-align: center; font-weight: 400; text-transform: uppercase; letter-spacing: 7px; font-size: 10px}
.mmsep::before, .mmsep::after { content: ''; flex: 1; border-bottom: 1px solid #223f2b;}
.mmsep:not(:empty)::before {margin-right: 25px;}
.mmsep:not(:empty)::after {margin-left: 25px;}

.mmfbox {display: flex; justify-content: space-between; margin-top: 20px;}
.mmfboxl {border-left: 1px solid #223f2b; height: 150px;}
.mmfpin {width: 130px; height: 160px;}
.mmfini {background-image: URL('https://i.imgur.com/2qMVqBd.png'); width: 130px; height: 160px; font-size: 48px; font-weight: 200 ;line-height: 0.4; text-align: center; }
.mmfmiddle {width: 238px; overflow: auto; background-color: rgba(34,63,43,0.6); margin: 0px 10px; height: 150px; }
.mmfmiddle img {width: 225px; height:150px; object-fit: cover; opacity: 0.4; filter: saturate(10%);}
.mmfmiddle img:hover {opacity: 1; transition:1s;}

.mmtext {column-count: 2; column-gap: 25px;column-rule: 1px solid #223f2b; text-align: justify; font-size: 11px; }
.mmzit {font-size: 12px; font-style: italic; padding: 20px 70px; color: #8b0000; font-weight: 350; letter-spacing: 0.5px; padding-top: 40px;}
.mmbutton {border: 0.5px solid #223f2b; font-size: 12px; padding: 2px 15px;}
.mmsstory {column-width: 200px; column-gap: 40px; column-fill: auto; overflow-y: hidden; height: 200px; text-align: justify; font-size: 11px; padding-top: 45px;}