html {
  	height: 100%;
  	width: 100%;
	text-align: center;
	background-color: #fffff2;
}

div {
	margin: auto;
}

h1 {
	font-size: 3.5vh;
}

select, input {
	display: inline-block;
	border: 1px solid black;
	border-radius: 5px;
	background-color: #ffffef;
}
input {
	padding: 1px 5px;
}

ol {
	display: inline-block;
	border: 1px solid black;
	border-radius: 15px;
	background-color: #ffffef;
	min-height: 30px;
	min-width: 230px;
}
li {
	margin: 5px 2.5vh;
	font-size: 2.5vh;
	background-color: #ffffef;
}
.hidden {
	position: absolute;
	top: -1000px;
    left: -1000px;
	visibility: hidden;
}

a {
	color: #200080;
	text-decoration: none;
}
a:visited {
	color: #600080;
}
a:hover {
	color: #800080;
	text-decoration: underline;
}
a:active {
	color: #a00080;
}

#notSong {
	color: #0000a0;
	text-decoration: none;
}
#notSong:hover {
	text-decoration: underline;
}
#notSong:active {
	color: #0000d0;
}

#famous {
	color: #0000a0;
	text-decoration: none;
}
#famous:hover {
	text-decoration: underline;
}
#famous:active {
	color: #0000d0;
}

#secret {
	font-size: 2.8vh;
	color: #ffffe4;
	text-decoration: none;
}
#secret:hover {
	color: #700080;
	text-decoration: underline;
}
#secret:active {
	color: #a00080;
}