@font-face { font-family:chtulhu; src: url("fonts/JMH Cthulhumbus Arcade.otf")}; 
@font-face { font-family:psych; src: url("fonts/Psychopath.ttf")}
 html{
     background-color: #2b1324;
}
body{
              background-image:linear-gradient(black,#2b1324);
     background-repeat: repeat;
  background-size: cover;
     background-color: #2b1324;
     
              font-family:chtulhu;
     margin:0;
          }      
          
          .idiotbox{
              width: 250px;
              margin-bottom:30px;
          }
.soul{
    width:800px;
    display: flex;
    flex-direction:column;
    height:auto;
}
          .mother{
              background-image:linear-gradient(#2b1324,black);
              
              margin-left:25px;
              border-left-style: groove;
              border-right-style: groove;
              border-color: #3a1934;
              border-bottom: 15px solid #3a1934;
              border-top-style: solid;
    
              border-radius: 15px;
          }
.sidebar{
    position:fit;
    max-width:250px;
    margin-top:15px;
    padding-right: 25px;
    display: flex;
    flex-direction: column;
}
.stampbar{
    display: flex;
    justify-content: center;
    min-width:200px;
    height:auto;
    margin: 25px;
    flex-wrap: wrap;
    padding:10px;
}

.stamp{
    min-height:50%;
    max-height:100px;
    width:auto;
    margin:10px;
    
}
.womb{
    display: flex;
    flex-wrap:wrap;
    flex-direction: row;
    padding:25px;
    
    
}
.header{
    margin:0 auto;
    min-width: 800px;
    max-width: 100%;
    max-height:125px;
    padding-left: 25px;
    padding-right: 100px;
    border-color:#30193a;
    background-image:url(images/banner.png);
    background-repeat: 
    border-bottom-style: solid;
    display: flex;
    flex-direction:row-reverse;
    justify-content: flex-start;
}

.mother2{
    background-image:url(images/mothertile.jpg);
    padding-left: 50px;
    padding-right:50px;
    min-width:800px;
    max-width:1200px;
    margin: 0 auto;
    margin-top: 0;
    display: flex;
    align-content: flex-start;
    border-top:none;
    border-color: #30193a;
    border-right-style:groove;
    border-left-style:groove;
    border-right-width: 10px;
    border-left-width: 10px;
    
}
.crainium{
    height:150px;
}
          .navigation {
              height:max-content;
              width:max-content;
              margin-left: 25px;
              border-style: double;
              border-color: aliceblue; 
              text-align: center;
              display: flex;
              flex-direction: column;
              flex-wrap: wrap;
              background-image: linear-gradient(#2e2c38,black);
          }

          .meat{
              display: flex;
              flex-direction: column;
              text-align: center;
              height: max-content;
              width:75%;
              margin: 0 auto;
              margin-top:20px;
              padding: 20px;
              margin-bottom: 25px;
              min-height: 700px;

              
              }
          .footer{
            margin:auto;
            margin-top:0 auto;
            background-image: url(images/mothertile.jpg);
            min-height: 200px;
            min-width:800px;
              max-width: 1200px;
              padding: 50px;
            border-bottom-style: solid;
    border-bottom-width: 15px;
              border-color:#30193a;
              border-right: 10px groove #30193a;
    border-left: 10px groove #30193a;
              margin-bottom: 50px;
              border-bottom-right-radius: 15px;
              border-bottom-left-radius: 15px
          }
a{
 text-decoration: none;
color:#dd658b;
}
.button{
    filter:saturate(20%);
    padding:15px;
    font-family:psych;
    font-size: 50px;
    color:#dd658b;
    text-shadow: 2px 2px #532250;
    height:50px;
} 

.button:hover{
    filter:grayscale(0%)
}
#