/* FONTS */
@font-face {
  font-family: "bungee";
  src: url("../fonts/BungeeShade-Regular.ttf");
  font-weight: normal;
  font-style: normal; }




.slides{
    top: 50px;
    text-align: center;
    font-family: "bungee";
    font-size: 6vw;
    color: #fff;

}

.slides>div.sing{

    display: flex;
    align-items: center;
}


.slides>div>*{

    width: 100%;
}
.slides .neon{

    text-shadow: 2px 2px 30px magenta;


}
main .slides div.sing {
    background-color: #000;


}

main .slides [data-slide='70']>div{
    position: absolute;
    z-index: 9999;
}


main .slides [data-slide='70'] img {
    position:   absolute;
    z-index: 0;
}
main .slides [data-slide='77.9']>div{
    position: absolute;
    z-index: 9999;
}



main .slides [data-slide='77.9'] img {
    position: absolute;
    z-index: 0;
}
main .slides [data-slide='138.2']>div{
    position: absolute;
    z-index: 9999;
}


main .slides [data-slide='138.2'] img {
    position: absolute;
    z-index: 0;
}
main .slides [data-slide='146.3']>div{
    position: absolute;
    z-index: 9999;
}


main .slides [data-slide='146.3'] img {
    position: absolute;
    z-index: 0;
}
main .slides [data-slide='154.2']>div{
    position: absolute;
    z-index: 9999;
}


main .slides [data-slide='154.2'] img {
    position: absolute;
    z-index: 0;
}
main .slides [data-slide='162.3']>div{
    position: absolute;
    z-index: 9999;
}


main .slides [data-slide='162.3'] img {
    position: absolute;
    z-index: 0;
}

.colophon{

    animation-name: colophon;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    position: absolute;
    z-index: 9999999999999;
    width: 100vw;
    left: 0;
    animation-timing-function: steps(24, end);

}
@keyframes colophon {

from{
    top: -100%;

}
to{
    top: 100%;
}

}


.only-print{
    display: none;
}