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

/* Tooltip container */
div.tooltip {
	position: relative;
	display: inline-block;
	background-color: #c3edc2;
	color: #2e712c;
	border: 1px solid #2e712c;
	border-radius: 2px;
	margin: 2px;
	padding: 1px;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.8rem;
	font-weight: lighter;
}

/* Tooltip text */
div.tooltip span.tooltiptext {
	visibility: hidden;
	background-color: #052404;
	background-image: linear-gradient(to bottom right, #1d271c 46%, #077d03 100%);
	padding: 32px;
	border: 3px solid #c3edc2;
	border-radius: 32px;
	min-width: 16rem;
    max-width: 33%;

	/* Position the tooltip text */
	position: fixed;
	z-index: 1;
	bottom: 8%;
	left: 8%;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 1s;
}

/* Show the tooltip text when you mouse over the tooltip container */
div.tooltip:hover span.tooltiptext {
    visibility: visible;
    opacity: 1;
}
span.tooltiptext h3 {
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Libre Franklin', sans-serif;
	line-height: 2rem;
	color: #c3edc2;
	border-bottom: 1px solid #c3edc2;
	text-align: center;
}
div.tooltip:hover {
	border: 1px solid #2e712c;
	color: #eee;
	background-color: #176415;
	cursor: pointer;
}

div.tooltip span.tooltiptext p {
    text-align: justify;
    border: none;
	font-family: Monaco, "Courier New", "monospace";
	color: #c3edc2;
	font-size: 1rem;
	line-height: 1.2rem;
}