@charset "utf-8";
/* CSS Document */


#titulo2{
	align-content:space-between;
 	font-family: sans-serif;
	font-size: 23px;
	margin-left: 30px;
	margin-right: 20px;
	color:#01773A;
}

#parrafo1{
	text-align: center;
	padding: 8px;
}

.linea {
  border-top: 1px solid #107C41;
  height: 12px;
  max-width: 100px;
  padding: 0;
  margin: -5px auto 0 auto;
}


.modal{
width: 100%;
height: 120vh;
background: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
display: flex;
animation: modal 1s 2s forwards;
visibility: hidden;
opacity: 0;
z-index:300;

}


.contenido{
margin: auto;
width: 400px;
height: 270px;
background: white;
border-radius: 18px;
box-shadow: inset 0 0 25px rgba(0,0,0,0.9);
}

#cerrar{
	display: none;
}

#cerrar + label{

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


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


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

				}