*
{
	border: 1;
	margin: 0;
	padding: 0;
}
body
{
	font-family: helvetica;	
}
.modal {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    animation: modal 5s 1s;
    visibility: hidden;
    opacity: 0;
}
.contenido {
    margin: auto;
    width: 40%;
    height: 40%;
    background:  #9370DB;
    border-radius: 10px;
}
#cerrar {

    display: none;

}


@keyframes modal {
    100% {
        visibility: visible;
        opacity: 1;
    }
}
.zoom{
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 2s, height 2s, transform 2s;
        -moz-transition: width 2s, height 2s, -moz-transform 2s;
        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
        -o-transition: width 2s, height 2s,-o-transform 2s;
    }
.zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.1);
        -moz-transform : scale(1.1);      /* Firefox */
        -webkit-transform : scale(1.1);   /* Chrome - Safari */
        -o-transform : scale(1.1);        /* Opera */
    }