.tapename {
    margin: 0; 
    padding: 1.2dvh;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5dvh;

}

.tapename2 {
    margin: 0; 
    padding: 1.2dvh;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5dvh;

}

.tapename3 {
    margin: 0; 
    padding: 1.2dvh;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5dvh;

}

.tapename5 {
    margin: 0; 
    padding: 1.2dvh;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5dvh;

}



.tape-1 /* versailles flow */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #322f31;
a;
background-image:  radial-gradient(circle at 50% 100%, transparent 20%, #191819 21%, #191819 34%, transparent 35%, transparent), radial-gradient(circle at 50% 0%, transparent 20%, #191819 21%, #191819 34%, transparent 35%, transparent);
background-position: 0 0, -2dvh 0;
background-size: 4.2dvh 3dvh;
}


.tape-2 /* cant get you out of my head */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #5a5354;
a;
background: repeating-radial-gradient(circle at 50% 50%, transparent 0, transparent 4px, #655E5E 4px, #655E5E 5px, transparent 5px, transparent 10px);
}

.tape-3 /* triple flail */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #E5E5F7;
a;
background: repeating-linear-gradient(45deg, #322f31 0, #322f31 1dvh, #706968 1dvh, #706968 2dvh, #5a5354 2dvh, #5a5354 3dvh, #706968 3dvh, #706968 4dvh);
}

.tape-4 /* the trials */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #E5E5F7;
a;
background-image:  linear-gradient(135deg, #464143 25%, transparent 25%), linear-gradient(225deg, #464143 25%, transparent 25%), linear-gradient(45deg, #464143 25%, transparent 25%), linear-gradient(315deg, #464143 25%, #5a5354 25%);
background-size: 2dvh 2dvh;
background-repeat: repeat;
}

.tape-5 /* moonlightning */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #706968;
a;
background-image:  radial-gradient(25% 25% at 25% 25%, #5a5354 99%, transparent 101%), radial-gradient(25% 25% at 25% 25%, #5a5354 99%, transparent 101%), radial-gradient(50% 50%, #706968 98%, transparent), repeating-conic-gradient(#706968 0 25%, #5a5354 0 50%);
background-position: 5dvh 5dvh, 0 0, 0 0, 2dvh 0;
background-size: 10dvh 10dvh, 10dvh 10dvh, 5dvh 5dvh, 10dvh 5dvh;
}

.tape-6 /* einfach sein */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #706968;
a;
background-image: radial-gradient(circle at center center, #464143, #706968), repeating-radial-gradient(circle at center center, #464143, #464143, 10px, transparent 20px, transparent 10px);
background-blend-mode: multiply;
}

.tape-7 /* ich laufe vor mir davon */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #E5E5F7;
a;
background-image: linear-gradient(to right, #322f31, #322f31 5px, #5a5354 5px, #5a5354 );
background-size: 2dvh 100%;
}

.tape-8 /* bm */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #655E5E;
a;
background-image:  linear-gradient(30deg, #191819 12%, transparent 12.5%, transparent 87%, #191819 87.5%, #191819), linear-gradient(150deg, #191819 12%, transparent 12.5%, transparent 87%, #191819 87.5%, #191819), linear-gradient(30deg, #191819 12%, transparent 12.5%, transparent 87%, #191819 87.5%, #191819), linear-gradient(150deg, #191819 12%, transparent 12.5%, transparent 87%, #191819 87.5%, #191819), linear-gradient(60deg, #322f31 25%, transparent 25.5%, transparent 75%, #322f31 75%, #322f31), linear-gradient(60deg, #322f31 25%, transparent 25.5%, transparent 75%, #322f31 75%, #322f31);
background-size: 20px 35px;
background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
}

.tape-9 /* reefer sutherland */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
a;
background-image:  radial-gradient(#191819 17%, #464143 18% 35%, transparent 36.5%), radial-gradient(#191819 17%, #464143 18% 35%, transparent 36.5%), radial-gradient(#464143 34%, #191819 36% 68%, transparent 70%), repeating-linear-gradient(45deg, #191819 -12.5% 12.5%, #464143 0 37.5%);
background-position: -2dvh -2dvh, 2dvh 2dvh, 0 0, 0 0;
background-size: 8dvh 8dvh, 8dvh 8dvh, 4dvh 4dvh, 8dvh 8dvh;
}

.tape-10 /* bm */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #5a5354;
opacity: 1;
background-image: conic-gradient(from 60deg at 56.25% calc(425% / 6), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 60deg at 56.25% calc(425% / 6), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 180deg at 43.75% calc(425% / 6), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 180deg at 43.75% calc(425% / 6), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from -60deg at 50% calc(175% / 12), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from -60deg at 50% calc(175% / 12), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg);
background-position: 0 0, 1dvh 1.7dvh, 0 0, 1dvh 1.7dvh, 1dvh 0, 0 1.7dvh;
background-size: 2dvh 3.4dvh;
}

.tape-11 /* bm */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
opacity: 1;
background: repeating-linear-gradient(45deg, #191819 0, #191819 1dvh, transparent 1dvh, transparent 2dvh), repeating-linear-gradient(-45deg, #322f31 0, #322f31 1dvh, transparent 1dvh, transparent 2dvh), #464143;
}

.tape-12 /* bm */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #191819;
opacity: 1;
background-image:  radial-gradient(circle at 2dvh 100%, transparent 1.8dvh, #464143 1.8dvh, #464143 2dvh, transparent 2dvh), radial-gradient(circle at 2dvh 0%, transparent 1.8dvh, #464143 1.8dvh, #464143 2dvh, transparent 2dvh);
background-size: 5dvh 2dvh;
background-position: 0 0, 4dvh 0;
}


/* ---------------------------------------------------------------- */
.tape-19 /* selvnatt */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
a;
background-image:  radial-gradient(circle at 50% 100%, transparent 20%, #191819 21%, #191819 34%, transparent 35%, transparent), radial-gradient(circle at 50% 0%, transparent 20%, #191819 21%, #191819 34%, transparent 35%, transparent);
background-position: 0 0, -2dvh 0;
background-size: 1dvh 1dvh;
}


.tape-20 /* cant get you out of my head */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #5a5354;
a;
background: repeating-radial-gradient(circle at 50% 50%, transparent 0, transparent 4px, #655E5E 4px, #655E5E 5px, transparent 5px, transparent 10px);
}

.tape-21 /* test under left alone */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #E5E5F7;
a;
background: repeating-linear-gradient(120deg, #191819 0, #322f31 10dvh, #706968 1dvh, #706968 3dvh, #5a5354 2dvh, #5a5354 3dvh, #706968 3dvh, #706968 1dvh);
background-size: 110%;
}

.tape-18 /* kekht */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #191819;
a;
background-image:  linear-gradient(135deg, #322f31 25%, transparent 25%), linear-gradient(225deg, #322f31 25%, transparent 25%), linear-gradient(45deg, #322f31 25%, transparent 25%), linear-gradient(315deg, #322f31 25%, #191819 25%);
background-size: 2dvh 2dvh;
background-repeat: repeat;
background-position: 2dvh;
}

.tape-22 /* faulnis */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
a;
background-image:  radial-gradient(25% 25% at 25% 25%, #322f31 99%, transparent 101%), radial-gradient(25% 25% at 25% 25%, #322f31 99%, transparent 101%), radial-gradient(50% 50%, #464143 98%, transparent), repeating-conic-gradient(#464143 0 25%, #322f31 0 50%);
background-position: 3dvh 3dvh, 0 0, 0 0, 1dvh 0;
background-size: 4dvh 4dvh, 4dvh 10dvh, 2dvh 2dvh, 4dvh 2dvh;
}

.tape-23 /* summoning */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #322f31;
a;
background-image: radial-gradient(circle at center center, #B8B4B4, #322f31), repeating-radial-gradient(circle at center center, #B8B4B4, #B8B4B4, 2dvh, transparent 3dvh, transparent 10dvh);
background-blend-mode: overlay;
}

.tape-15 /* karg */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #E5E5F7;
a;
background-image: linear-gradient(to right, #655E5E, #655E5E 5px, #5a5354 2dvh, #5a5354 );
background-size: 5dvh 100%;
}

.tape-16 /* xasthur */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #655E5E;
a;
background-image:  linear-gradient(30deg, #655E5E 12%, transparent 12.5%, transparent 87%, #706968 87.5%, #706968), linear-gradient(150deg, #706968 12%, transparent 12.5%, transparent 87%, #706968 87.5%, #706968), linear-gradient(30deg, #706968 12%, transparent 12.5%, transparent 87%, #706968 87.5%, #706968), linear-gradient(150deg, #706968 12%, transparent 12.5%, transparent 87%, #706968 87.5%, #706968), linear-gradient(60deg, #5a5354 25%, transparent 25.5%, transparent 75%, #5a5354 75%, #5a5354), linear-gradient(60deg, #5a5354 25%, transparent 25.5%, transparent 75%, #5a5354 75%, #5a5354);
background-size: 2dvh 3dvh;
background-position: 0 0, 0 0, 1dvh 4dvh, 1dvh 2dvh, 0 0, 1dvh 2dvh;
}

.tape-13 /* lifelover */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
a;
background-image:  radial-gradient(#191819 17%, #464143 18% 35%, transparent 36.5%), radial-gradient(#191819 17%, #464143 18% 35%, transparent 36.5%), radial-gradient(#464143 34%, #191819 36% 68%, transparent 70%), repeating-linear-gradient(45deg, #191819 -12.5% 12.5%, #464143 0 37.5%);
background-position: -3dvh -5dvh, 1dvh 4dvh, 0 0, 0 0;
background-size: 14dvh 3dvh, 5dvh 12dvh, 5dvh 1dvh, 2dvh 13dvh;
}

.tape-17 /*  */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #5a5354;
opacity: 1;
background-image: conic-gradient(from 60deg at 56.25% calc(425% / 6), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 60deg at 56.25% calc(425% / 6), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 180deg at 43.75% calc(425% / 6), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 180deg at 43.75% calc(425% / 6), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from -60deg at 50% calc(175% / 12), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from -60deg at 50% calc(175% / 12), transparent 0deg, transparent 0.5deg, #322f31 0.5deg, #322f31 119.5deg, transparent 119.5deg, transparent 120deg);
background-position: 0 0, 2dvh 2.4dvh, 0 0, 2dvh 2.4dvh, 2dvh 0, 0 2.4dvh;
background-size: 2dvh 4dvh;
}

.tape-24 /* test */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
opacity: 1;
background: repeating-linear-gradient(45deg, #655E5E 0, #655E5E 1dvh, transparent 1dvh, transparent 2dvh), repeating-linear-gradient(-45deg, #5a5354 0, #5a5354 1dvh, transparent 1dvh, transparent 2dvh), #464143;
}

.tape-14 /* old nick */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
opacity: 1;
background-image:  radial-gradient(circle at 2dvh 100%, transparent 1.8dvh, #191819 1.8dvh, #191819 2dvh, transparent 2dvh), radial-gradient(circle at 2dvh 0%, transparent 1.8dvh, #706968 1.8dvh, #706968 2dvh, transparent 2dvh);
background-size: 5dvh 2dvh;
background-position: 0 0, 4dvh 0;
}

/* ---------------------------------------------------------------- */

.tape-25 /* versailles flow */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #322f31;
a;
background-image:  radial-gradient(circle at 50% 100%, transparent 20%, #191819 21%, #191819 34%, transparent 35%, transparent), radial-gradient(circle at 50% 0%, transparent 20%, #191819 21%, #191819 34%, transparent 35%, transparent);
background-position: 0 0, -2dvh 0;
background-size: 4.2dvh 3dvh;
}


.tape-26 /* cant get you out of my head */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #5a5354;
a;
background: repeating-radial-gradient(circle at 50% 50%, transparent 0, transparent 4px, #655E5E 4px, #655E5E 5px, transparent 5px, transparent 10px);
}

.tape-27 /* test column 3 */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #E5E5F7;
a;
background: repeating-linear-gradient(15deg, #322f31 0, #322f31 0.2dvh, #706968 1dvh, #322f31 2dvh, #5a5354 2dvh, #5a5354 3dvh, #706968 3dvh, #706968 1dvh);
}

.tape-28 /* burzum */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #E5E5F7;
a;
background-image:  linear-gradient(135deg, #464143 25%, transparent 25%), linear-gradient(225deg, #464143 25%, transparent 25%), linear-gradient(45deg, #464143 25%, transparent 25%), linear-gradient(315deg, #464143 25%, #191819 25%);
background-size: 4dvh 4dvh;
background-repeat: repeat;
}

.tape-29 /* agalloch */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
a;
background-image:  radial-gradient(25% 25% at 25% 25%, #655E5E 99%, transparent 101%), radial-gradient(25% 25% at 25% 25%, #655E5E 99%, transparent 101%), radial-gradient(50% 50%, #464143 98%, transparent), repeating-conic-gradient(#464143 0 25%, #655E5E 0 50%);
background-position: 2dvh 2dvh, 0 0, 0 0, 2dvh 0;
background-size: 5dvh 5dvh, 5dvh 5dvh, 5dvh 5dvh, 5dvh 5dvh;
}

.tape-30 /* forgotten tomb */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #191819;
a;
background-image: radial-gradient(circle at center center, #191819, #706968), repeating-radial-gradient(circle at center center, #B8B4B4, #5a5354, 1dvh, transparent 2dvh, transparent 3dvh);
background-blend-mode: lighten;
}

.tape-31 /* agrypnie*/ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #E5E5F7;
a;
background-image: linear-gradient(to right, #322f31, #322f31 1dvh, #191819 2dvh, #191819 );
background-size: 3dvh 50%;
}

.tape-32 /* kyuss */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #655E5E;
a;
background-image:  linear-gradient(30deg, #655E5E 12%, transparent 12.5%, transparent 87%, #706968 87.5%, #655E5E), linear-gradient(150deg, #191819 12%, transparent 12.5%, transparent 87%, #322f31 87.5%, #191819), linear-gradient(30deg, #191819 12%, transparent 12.5%, transparent 87%, #191819 87.5%, #191819), linear-gradient(150deg, #191819 12%, transparent 12.5%, transparent 87%, #191819 87.5%, #655E5E), linear-gradient(60deg, #322f31 25%, transparent 25.5%, transparent 75%, #322f31 75%, #322f31), linear-gradient(60deg, #322f31 25%, transparent 25.5%, transparent 75%, #322f31 75%, #322f31);
background-size: 20dvh 10dvh;
background-position: 0 0, 0 0, 2dvh 4dvh, 2dvh 4dvh, 0 0, 2dvh 4dvh;
}

.tape-33 /* alcest */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
a;
background-image:  radial-gradient(#322f31 17%, #464143 18% 35%, transparent 36.5%), radial-gradient(#322f31 17%, #464143 18% 35%, transparent 36.5%), radial-gradient(#464143 34%, #322f31 36% 68%, transparent 70%), repeating-linear-gradient(45deg, #322f31 -12.5% 12.5%, #464143 0 37.5%);
background-position: -2dvh -2dvh, 2dvh 2dvh, 0 0, 0 0;
background-size: 4dvh 8dvh, 8dvh 2dvh, 4dvh 4dvh, 7dvh 8dvh;
}

.tape-34 /* katatonia */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #464143;
opacity: 1;
background-image: conic-gradient(from 60deg at 56.25% calc(425% / 6), transparent 0deg, transparent 0.5deg, #655E5E 0.5deg, #655E5E 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 60deg at 56.25% calc(425% / 6), transparent 0deg, transparent 0.5deg, #655E5E 0.5deg, #655E5E 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 180deg at 43.75% calc(425% / 6), transparent 0deg, transparent 0.5deg, #655E5E 0.5deg, #655E5E 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from 180deg at 43.75% calc(425% / 6), transparent 0deg, transparent 0.5deg, #655E5E 0.5deg, #655E5E 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from -60deg at 50% calc(175% / 12), transparent 0deg, transparent 0.5deg, #655E5E 0.5deg, #655E5E 119.5deg, transparent 119.5deg, transparent 120deg), conic-gradient(from -60deg at 50% calc(175% / 12), transparent 0deg, transparent 0.5deg, #655E5E 0.5deg, #655E5E 119.5deg, transparent 119.5deg, transparent 120deg);
background-position: 0 0, 1dvh 1.7dvh, 0 0, 1dvh 1.7dvh, 1dvh 0, 0 1.7dvh;
background-size: 2dvh 7dvh;
}

.tape-35 /* drudkh */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #5a5354;
opacity: 1;
background: repeating-linear-gradient(45deg, #5a5354 0, #5a5354 0.5dvh, transparent 1dvh, transparent 2dvh), repeating-linear-gradient(-45deg, #5a5354 0, #5a5354 0.2dvh, transparent 1dvh, transparent 2dvh), #191819;
}

.tape-36 /* bm */ {
  grid-column: span 1;
  grid-row: span 1;
  box-sizing: border-box;
  text-align: left;
  border-top: 0.5dvh solid #191819;
  border-left: 0.5dvh solid #191819;
  border-right: 0.5dvh solid #000;
  border-bottom: 0.5dvh solid #000;
  font-size: 1.8dvh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 100%;
  color: white;
  background-color: #191819;
opacity: 1;
background-image:  radial-gradient(circle at 2dvh 100%, transparent 1.8dvh, #464143 1.8dvh, #464143 2dvh, transparent 2dvh), radial-gradient(circle at 2dvh 0%, transparent 1.8dvh, #464143 1.8dvh, #464143 2dvh, transparent 2dvh);
background-size: 1dvh 1dvh;
background-position: 1dvh 1dvh, 1dvh 1dvh;
}