/*FONTS*/

.koulen-regular {
  font-family: "Koulen", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.im-fell-english-regular {
  font-family: "IM Fell English", serif;
  font-weight: 400;
  font-style: normal;
}

.im-fell-english-regular-italic {
  font-family: "IM Fell English", serif;
  font-weight: 400;
  font-style: italic;
}

.coral-pixels-regular {
  font-family: "Coral Pixels", serif;
  font-weight: 400;
  font-style: normal;
}


/*THE BASICS*/
body {
  background-color: #131313;
  background-image:url('img/bgtile.png');
  color: white;
  font-family: "IM Fell English", serif;
}

h1{
  font-size: 42px;
  text-align: center;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-family: "Koulen", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h2 {
  font-size: 28px;
  text-align: center;
  padding: 0;
  margin: 0;
}

.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrapper h2.glitch {
position: relative;
}
    
.wrapper h2.glitch::before, .wrapper h1.glitch::after {
content: "updates";
position: absolute;
  width: 100%;
  height: 100%;
background: #131313;
  overflow: hidden;
top: 0
}
  
.wrapper h2.glitch::before {
left: 3px;
text-shadow: -2px 0 red;
animation-name: glitch-animation-1;
animation-duration: 2s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: reverse;
}
    
.wrapper h2.glitch::after {
left: -3px;
text-shadow: -2px 0 blue;
animation-name: glitch-animation-2;
animation-duration: 2s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
}  


h3 {
  text-align: center;
  padding: 0;
  margin: 0;
  font-style: oblique;
  letter-spacing: 7px;
    font-family: "Coral Pixels", serif;
}

a, a:link, a:active, a:hover, a:visited {
  text-decoration: none;
}


/*IDS*/
#consume {
border: 3px double #A8A8A8;
background-color: #131313;
position: absolute;
top: 50%;
left: 50%;
width: 105px;
transform: translate(-50%, -50%);
text-align: center;
}

#consume p{
font-size: 12px;
margin: 60px 0px 0px 0px;
color: #c1c1c1;
font-variant: small-caps;
padding: 10px;
}

#consume a:link, #consume a:active, #consume a:hover, #consume a:visited {
cursor: crosshair;
color: #5c5c5c;
text-decoration: overline;

} 

#consider {
border: 3px double #A8A8A8;
background-color: #131313;
position: absolute;
top:50%;
margin-top:-50px;
left: 50%;
height: 320px;
width: 105px;
transform: translate(-50%, -65%);
text-align: center;
z-index:4;
}

#consider p{
font-size: 12px;
margin: 10px 0px 0px 0px;
color: #c1c1c1;
font-variant: small-caps;
padding: 10px;
}

#consider a:link, #consider a:active, #consider a:hover, #consider a:visited {
cursor: crosshair;
color: #5c5c5c;
text-decoration: overline;
} 

#thealtar {
max-width: 800px;
margin: 0 auto;
}

#chaliceun {
width:100%;
height:200px;
background-image: url("img/headrbnr4.png");
background-size: 100%;
}

#chalicedeux {
width:100%;
height:200px;
background-image: url("img/headrbnr5.png");
background-size: 100%;
}

#chalicetrois {
width:100%;
height:200px;
background-image: url("img/headrbnr2.png");
background-size: 100%;
}

#offering {
width: 100%;
border: 0px;
margin: 10px 0px 10px 0px;
font-variant: small-caps;
}

#offering ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: space-evenly;
  list-style-type: none;
}

#offering li {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

#offering a:link, #offering a:active, #offering a:visited {
display: block;
cursor: crosshair;
color: #5c5c5c;
text-decoration: none;
background: #2b2b2b;
}

#offering a:active, #offering a:hover {
background: #363636; 
}

#vessel {
width: 755px;
border: 3px double #A8A8A8;
padding: 20px 20px 20px 20px;
font-size: 12px;
background: #0f0f0f;
}

#amen {
width: 100%;
height: 50px;
font-size: 10px;
color: #363636;
text-align: center;
margin: 10px 0px;
}


/*CLASSES*/
.gnaw{
z-index:2;
pointer-events: none;
width:300px;
height:300px;
background-image:url('img/dither0.png');
text-align:center;
mix-blend-mode: soft-light;
position:fixed;
  overflow: hidden;
}

.treat{
z-index:1;
cursor:none;
position:fixed;
width:318px;
height:318px;
border-radius:100%;
background-image:url('img/glassorb.png');
background-position:center;
background-repeat:no-repeat;
text-align:center;
top:50%;
margin-top:-310px;
left:50%;
margin-left:-159px;
  overflow: hidden;
}

.corpse {
width: 700px;
margin: 0 auto;
text-align: justify;
text-justify: inter-cluster;
}

.ribs {
width: 60%;
border: 0px;
font-variant: small-caps;
text-align: center;
margin: 0 auto;
}

.ribs ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: space-evenly;
  list-style-type: none;
    overflow: hidden;
}

.ribs li {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
    overflow: hidden;
}

.ribs a:link, .ribs a:active, .ribs a:visited {
display: block;
cursor: crosshair;
color: #ffffff;
font-size: 14px;
text-decoration: none;
background: #2b2b2b;
padding: 5px 0px;
}

.ribs a:active, .ribs a:hover {
background: #363636; 
}


.scanlines {
  position: relative;
    width: 100%;
  z-index: 300;
}

.scanlines:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
    background-size: 100% 4px;
    will-change: background, background-size;
    animation: scanlines .2s linear infinite;
  }
  
  .scanlineslg {
  position: relative;
    width: 100%;
  z-index: 300;
}

.scanlineslg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
    background-size: 100% 4px;
    will-change: background, background-size;
    animation: scanlineslg .2s linear infinite;
  }
  
  

.viscera {
height: 250px;
width: 700px;
border: 1px solid #222222;
overflow: auto;
background: #000000;
margin: 5px auto;
padding: 10px 10px;
}

.heart {
width: 100%;
height: 20px;
font-size: 14px;
text-transform: lowercase;
background: #121212;
letter-spacing: 5px;
  display: flex;
  justify-content: space-between;
}

.heart div:last-child {
  margin-left: auto;
}

.liver {
padding: 0px;
font-size: 12px;
text-align: justify;
text-justify: inter-cluster;
}

.eulogy {
width: 700px;
margin: 0 auto;
text-align: justify;
text-justify: inter-cluster;
}

.tomb {
width: 700px;
margin: 0 auto;
text-align: center;
}

.epitaph {
width: 450px;
border: 0px;
font-variant: small-caps;
text-align: center;
margin: 0 auto;
padding: 0;
}

.epitaph ul {
padding: 0px;
margin: 0px;
display: flex;
justify-content: space-evenly;
list-style-type: none;
}

.epitaph li {
padding: 0px;
margin: 0px;
width: 100%;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
top:0px;

}

.epitaph a:link, .epitaph a:active, .epitaph a:visited {
display: block;
cursor: crosshair;
width: 150px;
height: 150px;
background: rgba(54, 54, 54, 0.0);
padding: 0px 0px;
color: rgba(255, 255, 255, 0.0);
}

.epitaph a:active, .epitaph a:hover {
display: block;
background: rgba(54, 54, 54, .5);
color: rgba(255, 255, 255, 1);
transition: color 1s;
}

.pray {
padding: 0px;
margin: 0px;
width: 100%;
overflow: hidden;
position: relative;
  background-repeat: no-repeat;
      --glitch-speed: 0.8s;
      --glitch-offset: 7px;
}

.pray__img {
  background-repeat: no-repeat;
}

.pray__img {
  background-color: transparent;
  height: calc(100% + 5px * 2);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  width: calc(100% + 10px * 2);
}
.pray:hover .pray__img:nth-child(n+2) {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.pray:hover .pray__img:nth-child(2) {
  -webkit-animation-name: glitch-anim;
          animation-name: glitch-anim;
}
.pray__img .pray__img:nth-child(n+2) {
  opacity: 0;
}
    

.memorium {
width: 450px;
border: 0px;
font-variant: small-caps;
text-align: center;
margin: 0 auto;
padding: 0;
}

.memorium ul {
padding: 0px;
margin: 0px;
display: flex;
justify-content: space-evenly;
list-style-type: none;
}

.memorium li {
padding: 0px;
margin: 0px;
width: 100%;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
top:0px;

}

.memorium a:link, .memorium a:active, .memorium a:visited {
display: block;
cursor: crosshair;
width: 450px;
height: 150px;
background: rgba(54, 54, 54, 0.0);
padding: 0px 0px;
color: rgba(255, 255, 255, 0.0);
}

.memorium a:active, .memorium a:hover {
display: block;
background: rgba(54, 54, 54, .5);
color: rgba(255, 255, 255, 1);
transition: color 1s;
}

.worship {
padding: 0px;
margin: 0px;
width: 100%;
overflow: hidden;
position: relative;
  background-repeat: no-repeat;
      --glitch-speed: 0.8s;
      --glitch-offset: 7px;
}

.worship__img {
  background-repeat: no-repeat;
}

.worship__img {
  background-color: transparent;
  height: calc(100% + 5px * 2);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  width: calc(100% + 10px * 2);
}
.worship:hover .worship__img:nth-child(n+2) {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.worship:hover .worship__img:nth-child(2) {
  -webkit-animation-name: glitch-anim;
          animation-name: glitch-anim;
}
.worship__img .worship__img:nth-child(n+2) {
  opacity: 0;
}


.entree {
width:100%;
height:100px;
border: 1px dashed #A8A8A8;
}


.flesh {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.spice {
  font-size: 14px;
  text-align: center;
  padding: 0;
  margin: 0;
  font-style: oblique;
  letter-spacing: 7px;
}

.meat {
width: 700px;
margin: 0 auto;
padding: 20px 0px;
text-align: justify;
text-justify: inter-cluster;
}

.bone {
width: 50%;
padding: 0px;
margin: 0 auto;
}

.bone a:link, .bone a:active, .bone a:visited {
display:block;
cursor: crosshair;
font-size: 14px;
font-variant: small-caps;
text-align: center;
text-decoration: none;
background: #2b2b2b;
color: #ffffff;
padding: 5px;
}

.bone a:active, .bone a:hover {
background: #363636;
}


/* VHS JITTER*/

.vhs {
  position: relative;
  height: 55px;
  mix-blend-mode: screen;
  text-shadow: 0 0 .125rem rgba(0,255,0,1);
  animation: jitter 5s infinite;
  color: transparent;
  text-align: center;
  -webkit-animation: jitter 5s infinite;
}
  
.vhs:before,
.vhs:after {
    content: attr(data-text);
    position: absolute;
  left: 0;
  right: 0;
    text-align: center;
    mix-blend-mode: screen;
    animation: glitch 3s infinite alternate;
      -webkit-animation: glitch 5s infinite alternate;
}

.vhs:before {
    text-shadow: 0 0 .125rem rgba(255,0,0,1);
}
.vhs:after{
    text-shadow: 0 0 .125rem rgba(0,0,255,1);
    animation-delay: 3s;
      -webkit-animation-delay: 5s;
}

@keyframes glitch {
  0% {transform: rotate(0deg) translate(.11rem) rotate(0deg);}
  100% {transform: rotate(360deg) translate(.11rem)  rotate(-360deg);}
}

@-webkit-keyframes glitch {
  0% {transform: rotate(0deg) translate(.11rem) rotate(0deg);}
  100% {transform: rotate(360deg) translate(.11rem)  rotate(-360deg);}
}
    
 @keyframes jitter {
  0% {transform: translateX(0);}
  50% {transform: translateX(0);}
  50.1% {transform: translateX(.1em) skew(40deg);}
  50.2% {transform: translateX(-.2em) skew(-40deg);}
  50.3% {transform: translateX(0);}
  100% {transform: translateX(0);}
}

 @-webkit-keyframes jitter {
  0% {transform: translateX(0);}
  50% {transform: translateX(0);}
  50.1% {transform: translateX(.1em) skew(40deg);}
  50.2% {transform: translateX(-.2em) skew(-40deg);}
  50.3% {transform: translateX(0);}
  100% {transform: translateX(0);}
}

/*SCANLINES*/



@keyframes scanlines {
  from {
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
		background-size: 100% 2px;
  }
  to {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
		background-size: 100% 2px;
  }
}

@keyframes scanlineslg {
  from {
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
		background-size: 100% 4px;
  }
  to {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
		background-size: 100% 4px;
  }
}

/*GLITCH TEXT*/
@keyframes glitch-animation-1 {
  0% {clip: rect(109px, 350px, 36px, 30px);}
  5% {clip: rect(8px, 350px, 64px, 30px);}
  10% {clip: rect(139px, 350px, 76px, 30px);}
  15% {clip: rect(83px, 350px, 30px, 30px);}  
  20% {clip: rect(22px, 350px, 106px, 30px);}
  25% {clip: rect(110px, 350px, 85px, 30px);}
  30% {clip: rect(46px, 350px, 51px, 30px);}
  35% {clip: rect(58px, 350px, 94px, 30px);}
  40% {clip: rect(146px, 350px, 20px, 30px);}
  45% {clip: rect(125px, 350px, 45px, 30px);}
  50% {clip: rect(126px, 350px, 129px, 30px);}
  55% {clip: rect(90px, 350px, 52px, 30px);}
  60% {clip: rect(45px, 350px, 24px, 30px);}
  65% {clip: rect(47px, 350px, 27px, 30px);}
  70% {clip: rect(99px, 350px, 69px, 30px);}
  75% {clip: rect(150px, 350px, 61px, 30px);}
  80% {clip: rect(135px, 350px, 73px, 30px);}
  85% {clip: rect(110px, 350px, 120px, 30px);}
  90% {clip: rect(20px, 350px, 31px, 30px);}
  95% {clip: rect(68px, 350px, 60px, 30px);}
  100% {clip: rect(8px, 350px, 44px, 30px);}
}
@keyframes glitch-animation-2 {
  0% {clip: rect(105px, 350px, 57px, 30px);}
  5% {clip: rect(137px, 350px, 66px, 30px);}
  10% {clip: rect(23px, 350px, 39px, 30px);}
  15% {clip: rect(141px, 350px, 25px, 30px);}
  20% {clip: rect(106px, 350px, 18px, 30px);}
  25% {clip: rect(26px, 350px, 35px, 30px);}
  30% {clip: rect(7px, 350px, 121px, 30px);}
  35% {clip: rect(108px, 350px, 86px, 30px);}
  40% {clip: rect(127px, 350px, 81px, 30px);}
  45% {clip: rect(94px, 350px, 83px, 30px);}
  50% {clip: rect(19px, 350px, 71px, 30px);}
  55% {clip: rect(15px, 350px, 148px, 30px);}
  60% {clip: rect(75px, 350px, 110px, 30px);}
  65% {clip: rect(44px, 350px, 130px, 30px);}
  70% {clip: rect(132px, 350px, 10px, 30px);}
  75% {clip: rect(119px, 350px, 38px, 30px);}
  80% {clip: rect(75px, 350px, 33px, 30px);}
  85% {clip: rect(98px, 350px, 121px, 30px);}
  90% {clip: rect(72px, 350px, 128px, 30px);}
  95% {clip: rect(5px, 350px, 105px, 30px);}
  100% {clip: rect(34px, 350px, 100px, 30px);}
}



/* ANOTHER GLITCH FOR LINKIMGS */
@-webkit-keyframes glitch-anim {
  0%, 100% {
    opacity: 1;
    transform: translate3d(-10px, 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
            clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  10% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
            clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  15% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
            clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  17% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  19% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
            clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  33% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
            clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  35% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  40% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
            clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  45% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
            clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  49% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
            clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  50% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
            clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  55% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
            clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
  }
  60% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  70% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
            clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
            clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
  }
  90% {
    -webkit-clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
            clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
  }
}
@keyframes glitch-anim-2 {
  0%, 100% {
    opacity: 1;
    transform: translate3d(-10px, 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
            clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  10% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
            clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  15% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
            clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  17% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  19% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
            clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  33% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
            clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  35% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  40% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
            clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  45% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
            clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  49% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
            clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  50% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
            clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  55% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
            clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
  }
  60% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  70% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
            clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
            clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
  }
  90% {
    -webkit-clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
            clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
  }
}