@font-face { font-family: "VL PGothic"; src: local("VL PGothic"), local("VL PGothic"), url("font.woff2") format("woff2"); }

#message div,
#search body,
#reqhistory body,
#likehistory body,
#djhistory body,
#favorites body,
#browse body {
	background-color: rgba(0,0,0,.8);
}

#message a,
#message div,
#search #s,
#djhistory .dj,
#favorites #t {
	font-family: "VL PGothic", sans-serif; font-size: 16px; color: white;
}

#reqhistory body > span > span,
#likehistory body > span > span,
#djhistory body > div > .song > span,
#favorites body > span {
	font-family: "VL PGothic", sans-serif; font-size: 15px; color: #A5C6D6; white-space: nowrap; margin-top: -2px;
}

#reqhistory body > span,
#likehistory body > span,
#djhistory body > div > .song,
#favorites #t a {
	font-family: monospace; display: block; color: white; font-size: 14px; white-space: nowrap; margin-top: -2px;
}

#message body { margin: 0; }
#message div { text-align: center; }
#message span { color: #D6FFFF; }
#search body, #browse > body > a, #browse span { font-family: "VL PGothic", sans-serif; font-size: 15px; color: #A5C6D6; white-space: nowrap; }
#search span, #browse > body > a, #browse span { margin-top: -2px; display: block; }
#search span:nth-of-type(even), #browse > body > *:nth-child(even) { background: rgba(255,255,255,.1); }
#search a, #browse > body > span > a { text-decoration: none; color: #94F7F7; font-size: 13px; }
#search a:hover, #browse > body > span > a:hover { color: #3142FF; transition: color 0.15s ease 0s; }
#search a:first-child:after, #browse > body > span > a:first-child:after { content: " [Request]"; }
#browse > body > a { text-decoration: none; outline: 0; }
#browse > body > span > a { display: inline; }
#browse > body > a:focus { outline: 1px solid #94F7F7; }
#djhistory div { margin-bottom: 20px; }
#djhistory .dj::before { content: "DJ "; }
#favorites body > span { display: block; }
#favorites #t { margin-bottom: 10px; }
#favorites #t a { display: inline; }