.modal {

		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.8);

		position: static;
		/*top: 0;
		left: 0;*/

		display: flex;

		animation: modal 2s 1s forwards;
		visibility: hidden;
		opacity: 0;

	}

	.contenido {
		margin: auto;
		width: 40%;
		height: 40%
		background: white;
		border-radius: 10px;
		font-size: 16px;
		color: rgba(255,255,255,1);
	}

	#cerrar {
		display: none;
	}

	#cerrar + label {
		position: fixed;
		color: #fff;
		font-size: 20px;
		z-index: 50;
		background: darkred;
		height: 40px;
		width: 40px;
		line-height: 40px;
		border-radius: 50%;
		right: 50px;
		cursor: pointer;

		animation: modal 2s 1s forwards;
		visibility: hidden;
		opacity: 0;
	}

	#cerrar:checked + label, #cerrar:checked ~ .modal {
		display: none;
	}

	@keyframes modal {
		100% {
			visibility: visible;
			opacity: 1;
		}
	}