body {
	line-height: 1;
	color: white;
	background-color: black;
	background-image: url(/techy.jpg);
	text-align: center;
}

p{
	font-size: 130%;
	font-family: Monospace;
	line-height: 100%;
	padding: 10px;
	padding-top: 15px;
}

#container
{
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	border: 4px double #e621bb;
	border-color: #330033;
	border-width: 0 4px;
	box-shadow: inset 0 0 8px #000000;
	background-color: #663366; 
	/*background-color: hsla(310, 50%, 10%, 0.7);*/
}

p a{
	color:pink;
	text-decoration: underline;
}
p a:hover{
	color:lightskyblue;
	text-decoration: underline;
}

UL{
	font-size: 110%;
	font-family: Times;
	line-height: 125%;
	padding-right: 50px;
	padding-left: 50px;
	background-color: pink;
	outline: 2px solid red;
}

.myClass{
	text-align: left;
	outline: 2px purple dashed;
}
table {
    border-collapse: collapse;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
/* shameless plagiarism-- i know, i know! but really, check out w3schools... */