/* Reiniciar estilos */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* Página */
html, body{
    width:100%;
    height:100%;
    overflow:hidden;
}

/* Contenedor */
.pantalla{
    position:relative;
    width:100vw;
    height:100vh;
}

/* Imagen de fondo */
.fondo{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;
}

/* Botón */
.start{
    position:absolute;

    left:50%;
    top:78%;
    transform:translate(-50%,-50%);

    width:230px;
    height:70px;

    border:none;
    border-radius:50px;

    background:linear-gradient(to bottom,#ffb8e2,#ff88cb);

    color:white;
    font-size:32px;
    font-weight:bold;
    font-family:Arial,sans-serif;

    cursor:pointer;

    box-shadow:
        0 5px 15px rgba(255,105,180,.35),
        inset 0 2px 0 rgba(255,255,255,.8);

    transition:.2s;
}

.start:hover{
    transform:translate(-50%,-50%) scale(1.05);
}

.start:active{
    transform:translate(-50%,-50%) scale(.97);
}
.titulo{
    position:absolute;
    top:60px;
    left:50%;
    transform:translateX(-50%);

    width:650px;
    height:auto;

    z-index:100;

    animation: brillo 2.5s ease-in-out infinite;
}

@keyframes brillo{
    0%{
        filter: drop-shadow(0 0 5px white);
    }

    50%{
        filter:
            drop-shadow(0 0 15px white)
            drop-shadow(0 0 25px #ffd6f4);
    }

    100%{
        filter: drop-shadow(0 0 5px white);
    }
}