html {
    background-color: black;
    background-image: url("../imagenes/cine/fondo5.webp");
    background-repeat: repeat-y;
    background-position: center;
    background-size: 100%;
    color: white;
}

.contenido {
    width: 1200px;
    margin: 20px auto;
    padding: 0 20px 20px 20px;
    display: block;
}

h1 {
    text-align: center;
}

h4 {
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.100);
    border-bottom: 1px solid rgba(0, 0, 0, 0.100);
    line-height: 1;
}

.cinelan {
    width: 100%;
    border: 0px;
    border-radius: 0px;
    animation: none;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 0px;
    padding: 0px;
    filter: drop-shadow(0 0 10px #000000) drop-shadow(0 0 50px #ffffff);
}

.cinelan:hover {
    animation: none;
}

.advertencia {
    border: 15px solid black;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 232, 184, 1) 81%, rgba(194, 178, 101, 1) 100%);
    color: black;
    font-family: 'Trebuchet MS', sans-serif;
    filter: drop-shadow(0 0px 8px #000000);
}

img {
    width: 200px;
    margin: 10px;
    border: 2px solid white;
    border-radius: 0.5rem;
    padding: 0.4em;
    animation: pulsate 0.11s ease-in-out infinite alternate;
}

img:hover {
    animation: flicker 1.5s infinite alternate;
}

table {
    text-align: center;
}

hr {
    width: 100%;
    margin-top: 2%;
    border: 1px solid white;
    color: #fff;
    box-shadow:
        0 0 7px #fff,
        0 0 10px #fff,
        0 0 21px #fff,
        0 0 42px #0fa,
        0 0 82px #0fa,
        0 0 92px #0fa,
        0 0 102px #0fa,
        0 0 151px #0fa;
}

.suelo {
    width: 101%;
    border: 0px;
    border-radius: 0px;
    animation: none;
    margin: -11px;
    padding: 0px;
}

.suelo:hover {
    animation: none;
}

.back-button {
    font-family: 'Brush Script MT', cursive;
    font-style: oblique;
    text-align: center;
    border: 2px solid white;
    border-radius: 0.5rem;
    color: white;
    padding: 10px 15px;
    box-shadow: 0 0 .2rem #fff,
        0 0 .2rem #fff,
        0 0 2rem #ff0e0e,
        inset 0 0 1.3rem #ff0e0e;
    text-shadow:
        0 0 7px #fff,
        0 0 10px #ff0e0e,
        0 0 21px #ff0e0e,
        0 0 42px #ff0e0e,
        0 0 82px #ff0e0e,
        0 0 92px #ff0e0e,
        0 0 102px #ff0e0e,
        0 0 151px #ff0e0e;
}

.back-button:hover {
    animation: flickerRed 1.5s infinite alternate;
}

.necesitoCentrarEsteBotonXd {
    margin: 20px auto;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: center;
}

@keyframes flicker {

    0%,
    18%,
    22%,
    25%,
    53%,
    57%,
    100% {

        box-shadow: 0 0 .2rem #fff,
            0 0 2rem #72ffff,
            0 0 0.8rem #72ffff,
            inset 0 0 1.3rem #72ffff;

    }

    20%,
    24%,
    55% {
        box-shadow: none;
    }
}

@keyframes pulsate {

    100% {

        box-shadow: 0 0 .2rem #fff,
            0 0 .2rem #fff,
            0 0 2rem #055,
            0 0 0.8rem #055,
            0 0 2.8rem #055,
            inset 0 0 1.3rem #055;

    }

    0% {

        box-shadow: 0 0 .2rem #fff,
            0 0 .2rem #fff,
            0 0 2rem #055,
            0 0 0.8rem #055,
            0 0 2.8rem #055,
            inset 0 0 1.3rem #055;

    }
}

@keyframes flickerRed {

    0%,
    18%,
    22%,
    25%,
    53%,
    57%,
    100% {

        box-shadow: 0 0 .2rem #fff,
            0 0 2rem #ff0e0e,
            0 0 0.8rem #ff0e0e,
            inset 0 0 1.3rem #ff0e0e;

    }

    20%,
    24%,
    55% {
        box-shadow: none;
    }
}