body, html { width: 100%;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-image: url(https://i.postimg.cc/Qh8GYZK4/IMG-20240515-193559-615.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

@font-face {
  font-family: "MultiTypePixelCompactThin";
  src: url('https://femmefatigue.neocities.org/MultiTypePixelCompactThin.woff2') format('woff2'), url('https://femmefatigue.neocities.org/MultiTypePixelCompactThin.woff') format('woff');
}

@font-face {
  font-family: "Silkscreen";
  src: url('https://femmefatigue.neocities.org/silkscreen.woff2') format('woff2'), url('https://femmefatigue.neocities.org/silkscreen.woff') format('woff')
  src: url('https://femmefatigue.neocities.org/silkscreen.ttf') format('ttf'), src: url('https://femmefatigue.neocities.org/silkscreen.eot') format('eot');
}

a:link, a:visited, a:hover { font-family: silkscreen; font-size: 9px;  text-transform: none; text-decoration: none; color: rgb(170,85,170,1);
}

a:hover { color: white;
}


h1 { color: white; 
text-align: left; 
font-size: 40px; 
font-family: MultiTypePixelCompactThin;
}

.mlog { width: 60%; 
  min-width: 400px; 
  margin: 50px; 
}

.mlentries { display: flex;
  flex-flow: row nowrap;
  gap: 20px;
  width: 100%;
  color: white;
}

.mltag {  background: rgb(0, 85, 85, 1);
  color: white;
  border: 1px solid white;
}


.mldate, .mldetails, .mlinfo, .mltagbook, .mltag, .mltagfilm, .mltagtv {
  font-family: silkscreen; 
  font-size: 10px; 
  letter-spacing: 1px; 
   padding: 10px;
   line-height: 150%;
}

.mltagbook, .mltagfilm, .mltagtv {  color: black;
  border: 1px solid white;
 }

.mltagbook { background: rgb(255, 187, 230, 1);
}

.mltagfilm { background: rgb(96, 229, 230, 1);
}
  
  .mltagtv { background: rgb(114, 172, 250, 1);
 }

.mldate { background: black;
  color: white;
  border: 1px solid rgb(170,85,170,1);
    }

.mlinfo { background: rgb(85,0,85,1);
  color: white;
  border: 1px solid white;
  }

.mldetails { 
  color: white;
  border: 1px solid white;
  }

.mlimgrec { width: 125px; 
  height: 190px; 
  border: 1px solid rgb(170,85,170,1);
  }

.mlimgsq { width: 125px; 
  height: 125px; 
  border: 1px solid rgb(170,85,170,1);
  }




.hidden-content {
  display: none;
}

.read_more, .read_less {
  width: auto; 
  margin-top: 10px; 
  font-family: silkscreen;
  font-size: 9px; 
  padding: 0px 0px 5px 0px; 
  border: 0px; 
  border-bottom: 1px solid rgb(170,85,170,1); 
  background: black; 
  color: rgb(170,85,170,1);
}

.read_more:hover, .read_less:hover {
  color: white;
}

.hidden-readmore {
  display: none;
}






@media only screen and (max-width: 600px)
  
  { .mlimgrec { width: 100px; 
  height: 150px; 
    }
    
    .mlimgsq { width: 100px; 
  height: 100px; 
  }
    
   .mlog { width: calc(100% - 40px);
     height: auto; 
     margin: 20px;
    }
}