body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	line-height: 1.6;
	font-family: helvetica,geneva,arial,sans-serif;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -1px;
	font-weight: bold;

}

.sub {
	/*-webkit-text-fill-color: #ccc;  
	color:#ccc; 
	border-left: 0px solid #eee;
	padding-left: 00px;*/

}
a, .hover-target {
	text-decoration: underline; 
	text-decoration-style: dotted;

	-webkit-text-fill-color: rgb(235 17 114 / 68%);
}

a {
	text-decoration-style: solid;
}

h1 {
	margin-top: 0;
	margin-bottom: 10px;
	background: -webkit-linear-gradient(33deg, #f325bf, #06ffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	line-height: 32px;
}

#container {
	position: relative;

	max-width: 900px;
	margin: 2em auto;
	padding: 20px;
	background-color: #fff;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
	border-radius: 0px;
	background: -webkit-linear-gradient(0deg, #f325bf, #06ffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0,0,0,0);

}
.overlay {
	display: none;
	text-decoration: none;
	padding: 10px;
	position: absolute;
	left: 10%;
	bottom:20%;

	color: #333;
	width: 80%;
	border: 2px solid black;

	background-color: white;
	box-shadow: 8px 8px 2px 1px rgba(0, 0, 25, .2);
}
.hover-target:hover .overlay {
	display: inline-block;
	-webkit-text-fill-color: rgba(0,0,0,.8);
}