body {
	font-family: Roboto, Arial, sans-serif;
	
	background-color: #3f493f; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-image: url(images/background.jpg);
	background-image: image-set( 
		"images/background.webp" type("image/webp"), 
		"images/background.jpg" type("image/jpeg") 
	);
  	display: flex;
  	flex-direction: column;
  	min-height: 100vh;
  	margin:0;
}

main {
	flex:1;
}

p {
	font-size: 18px;
}

#pLastUpdate {
	margin-top:40px;
	font-size:14px;
}

#divIntro, #divDetail {
	width:80%;
	max-width:550px; 
	margin:50px auto 60px auto; 
	padding:30px 10% 50px 10%; 
	color: #fff;
	background-color: rgba(0,0,0,.6);
	opacity: 0.92;	
	border-radius:4px;
}

ul {
	list-style-position: outside;
	padding-left:50px;
}

li{
	margin-top:22px;
}
li:first-child {
	margin-top:35px;
}

footer {
  	min-height: 50px;
	margin:0;
	color: #fff;
	text-align:center;
  	background-color: rgba(0,0,0,.5);
	opacity: 0.92;	
}


footer p{
	font-size:14px;
	line-height:24px;
}


footer a {
	color:#fff;
	font-weight:bold;
}