html {
	background-image: radial-gradient(blue, darkblue);
}

body {
	width: 35em;
	margin: 0 auto;
	font-family: Tahoma, Verdana, Arial, sans-serif;


	background-image: radial-gradient(darkblue, blue);

	/* background-color: #0b0b09; */
 	color: white;

}

div {
	display: inline;
}

.alexy {
	font-family: 'Leckerli One', cursive;
}


b:hover {
	background-color: yellow;
}

.tooltip {
	position: relative;
	display: inline-block;
	/* border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext /*.doortip*/ {
	visibility: hidden;
	width: 500px;
	background-color: white;
	color: black;
	text-align: center;
	padding: 5px 0;
	border-radius: 0px;

	position: absolute;
	z-index: 1;

	/* top: -5px;
	left: 105%; */

	background-image: url(assets/somebodyoncetoldme.gif);
	background-repeat: repeat;
}

.doortip {
	background-image: url(assets/door.jpg);
	color: black;
}

.tooltiptext:hover .doortip:hover {
	visibility: visible;
}