@font-face { font-family:chtulhu; src: url("fonts/JMH Cthulhumbus Arcade.otf")}; 
@font-face { font-family:psych; src: url("fonts/Psychopath.ttf")}

body{
    background-color: #2d0c1c;
    font-family:chtulhu;
    
}

.ribs{
    min-width: 500px;
    max-width: 1200px;
    margin:0 auto;
    min-height:500px;
    background-color: navajowhite;
}

.header{
    margin: 0 auto;
height:60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color:navajowhite;
    border-color: #ac7ba8;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid
}
.title{
    max-height:125px;
    min-height:100px;
    background-color:#ac7ba8
    
}
.iswear{
    max-width: 100%;
  height: auto;
}

.description{
    margin: 0 auto;
    min-height:75px;
    max-height:max-content;
    background-color:#ac7ba8;
    display: flex;
    flex-direction: row;
}
.desctext{
    margin: 0 auto;
    font-family: chtulhu;
    text-align: center;
    font-size: 20px;
    color:mediumvioletred;
}
.nextpage{
   height:75px;
    margin:10px;
     font-family:chtulhu;
    font-size: 40px;
    color:#dd658b;
}
.empty{
    filter:saturate(20%);
}
.headerspace{
   height:75px;
    width:80%;
    justify-content: center;
}

.meat{
    min-height:500px;
    max-height:max-content;
    padding:15px;
    border-left-style: solid;
    border-right-style: solid;
    border-width: thick;
    border-color: #ac7ba8
    
}
img{
    max-width: 100%;
  height: auto;
object-fit: scale-down
}
.entrails{
    display: flex;
    flex-direction: row;
    height:max-content;

    margin: 0 auto;
    justify-content:center;
    flex-wrap: wrap;
}
.thumbnail{
    height:175px;
    width:175px;
    margin:10px;
}
.thumbnail:hover{
              filter:opacity(70%)
          }

.button{
    filter:saturate(20%);
    margin-top:5px;
    padding:10px;
    font-family:chtulhu;
    font-size: 20px;
    color:#2d0c1c;
    text-shadow: 1px 1px #532250;
    height:40px;
    max-width:150px;
} 
.button:hover{
    filter:grayscale(0%)
}
a{
 text-decoration: none;
color:#2d0c1c;
}