*{
	padding: 0px;
	margin: 0px;
}

body{
	font-family: 'Barlow', sans-serif;
	font-size: 1.2em;
	background: #000;
	color:#444;
   
}
.modal {
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.8);
   
  /* position: absolute;*/
   top: 0;
   left: 0;
   
  /* display: flex;*/
   
   animation: modal 1s 2s forwards;
   visibility: hidden;
   opacity: 0;
   display: block;
position: relative;
}

.contenido {
   margin: auto;
   width: 40%;
   height: 40%;
   background: ;
   border-radius: 10px;
   padding: 5%;
   word-wrap:break-word;
}

#cerrar {
   display: none;
  
}


#cerrar + label {
   position: fixed;
   color: #fff;
   font-size: 25px;
   z-index: 50;
   background:red;
   height: 40px;
   width: 40px;
   line-height: 40px;
   border-radius: 50%;
   right: 150px;
   top: 150px;
   cursor: pointer;
   text-align: center;
   animation: modal 1s 2s forwards;
   visibility: hidden;
   opacity: 0;

}

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

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