@keyframes cascadeBackground {
    0% {
        background-position: 0% 0%;
    }
    25% {
        background-position: 5% 0.1%; 
    }
    50% {
        background-position: 10% 0%;
    }
    75% {
        background-position: 5% -0.1%;
    }
    100% {
        background-position: 0% 0%;
    }
}


body {
background: 
url('https://megidochan.de/test/src/1732997325399.png') no-repeat fixed bottom left, 
url('https://megidochan.de/test/src/1732997744751.png') no-repeat fixed top right,
url('https://megidochan.de/test/src/1733002070766.png') repeat-y fixed center,
url('https://megidochan.de/test/src/1733001845360-1.png'),  #223546;
}

.thread {
    display: grid;
    grid-template-rows: repeat(auto-fill, minmax(200px, 400px)); /* Vertical stacking */
    grid-auto-flow: row; 
    justify-items: center;
    align-items: start;
    width: 55%;
    margin: 0 auto;
    background: 
        url('https://megidochan.de/test/src/1733000072100.png') right,
        rgba(30, 30, 30, 0.33);
    border-radius: 45px;
    animation: cascadeBackground 20s linear infinite;
}




div.post.reply {
  border: 23px solid transparent;
  border-image: url('https://megidochan.de/test/src/1732988617968.png') 23 repeat; 
min-height: 333px;
  background: 
url('https://megidochan.de/test/src/1732983927701-1.gif') no-repeat bottom 1px left 85px,
url('https://megidochan.de/test/src/1732983954147-1.gif') no-repeat bottom -2px left,
url('https://megidochan.de/test/src/1732989614300-1.png') center;
    background-clip: border-box;
   border-radius: 14px;
text-shadow: none;
}


p.intro {
     border: 10px solid transparent;
  border-image: url('https://megidochan.de/test/src/1732999732837-1.png') 10 repeat; 
background: #dcd5de;
   border-radius: 14px;
    z-index: 1;
}

div.post:hover, div.post.reply:nth-child(4n):hover, div.post.reply:nth-child(6n):hover, div.post.reply:nth-child(7n):hover {
background:
url('https://megidochan.de/test/src/1732991609288.gif') no-repeat bottom -3px left 105px,
url('https://megidochan.de/test/src/1732983954147-1.gif') no-repeat bottom -2px left,
url('https://megidochan.de/test/src/1732989614300-1.png') center;
}




div.post.reply:nth-child(4n) {
  border: 23px solid transparent;
  border-image: url('https://megidochan.de/test/src/1732987286194.png') 23 repeat; 
min-height: 333px;
  background: 
url('https://megidochan.de/test/src/1732983927701-3.gif') no-repeat bottom 1px left 105px,
url('https://megidochan.de/test/src/1732983954147-1.gif') no-repeat bottom -2px left,
url('https://megidochan.de/test/src/1732989614300-1.png') center;
    background-clip: border-box;
   border-radius: 14px;
text-shadow: none;}
div.post.reply:nth-child(5n) {
    color: #cccc00;
}

div.post.reply:nth-child(6n) {
  border: 23px solid transparent;
  border-image: url('https://megidochan.de/test/src/1732989614300-0.png') 23 repeat; 
min-height: 333px;
  background: 
url('https://megidochan.de/test/src/1732991325752.gif') no-repeat bottom -3px left 115px,
url('https://megidochan.de/test/src/1732983954147-1.gif') no-repeat bottom -2px left,
url('https://megidochan.de/test/src/1732989614300-1.png') center;
    background-clip: border-box;
   border-radius: 14px;
text-shadow: none;}

div.post.reply:nth-child(7n) {
  border: 23px solid transparent;
  border-image: url('https://megidochan.de/test/src/1732989614300-2.png') 23 repeat; 
min-height: 333px;
  background: 
url('https://megidochan.de/test/src/1732983927701-2.gif') no-repeat bottom -2px left 105px,
url('https://megidochan.de/test/src/1732983954147-1.gif') no-repeat bottom -2px left,
url('https://megidochan.de/test/src/1732989614300-1.png') center;
    background-clip: border-box;
   border-radius: 14px;
text-shadow: none;}

div.post.reply.highlighted {
background:
url('https://megidochan.de/test/src/1732983954147-3.gif') no-repeat bottom 1px left 65px,
url('https://megidochan.de/test/src/1732983954147-1.gif') no-repeat bottom -2px left,
url('https://megidochan.de/test/src/1732989614300-1.png') center;
}


div.body {
    line-height: 1.25;
    color: #000;
    min-width: 240px;
    min-height: 80px;
    background-color: rgba(226,223,211, .9);
    border: 7px solid transparent;
    background: url('https://megidochan.de/test/src/1732995329419-2.png') 
    fixed repeat right;
    background-clip: padding-box;
  border-image: url('https://megidochan.de/test/src/1732996029416-1.png') 7 ; 
    padding: 3px 3px 3px 8px;
   border-radius: 10px;
    overflow: auto;
       box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4), 0px -2px 4px rgba(255, 255, 255, 0.2) inset;

}