@charset "UTF-8";

* { margin: 0; padding: 0; }

::selection { background: rgba(0, 64, 128, 0.4); }

body { background: #141316; min-height: 100vh; -webkit-text-size-adjust: 100%; }
a { color: #4fcdff; font-weight: bold; transition: color .333s ease-in-out, background .333s ease-in-out, text-shadow .333s ease-in-out; text-decoration: none; }
a:hover { color: #4fcdff; }
a img { border: none; }
h1 { color: #fff; text-align: center; font-family: 'Courier New', monospace; font-size: 60px; font-weight: normal; text-transform: uppercase; padding-top: 13px; }
h1>a { color: #fff; font-weight: normal; }
h1>a:hover { color: #4fcdff; }
h2 { color: #fff; text-align: center; font-family: 'Courier New', monospace; font-size: 42px; font-weight: normal; text-transform: uppercase; }
h2>a { color: #fff; font-weight: normal; }
h2>a:hover { color: #4fcdff; }
p { color: #e0dbd7; text-align: center; font-family: Helvetica, sans-serif; font-size: 22px; padding-top: 10px; }
p#vinylRecordTextLink { font-size: 37px; margin-top: 8px; margin-bottom: 17px; }
p#vinylRecordTextLink>a:hover { color: #4fcdff; border-bottom: 2px solid #59fff1; }
p#read>a { color: #ff6d6d; }
p#read>a:hover { color: #4fcdff; }
p#listen>a { color: #ff6d6d; }
p#listen>a:hover { color: #4fcdff; }
p#follow>a { color: #ff6d6d; }
p#follow>a:hover { color: #4fcdff; }
p#website>a { color: #ff6d6d; }
p#website>a:hover { color: #4fcdff; }
p#vinyl-and-digital>a { color: #ff6d6d; }
p#vinyl-and-digital>a:hover { color: #4fcdff; }
p#management { color: #c3bebb; font-size: 15px; margin-top: 28px; margin-bottom: 0px; font-family: Helvetica, sans-serif; font-weight: bold; }
p#copyright { color: #c3bebb; font-size: 15px; margin-top: 28px; margin-bottom: 20px; font-family: 'Courier New', monospace; }
div#main { max-width: 560px; margin: 0 auto; }
img#album { width: 100%; margin-top: 20px; }

@media only screen and (max-width: 600px) {
	h1 { font-size: 39px; }
	h2 { font-size: 27px; }
	p { font-size: 15px; }
	p#vinylRecordTextLink { font-size: 24px; }
	p#management { font-size: 12px; }
	p#copyright { font-size: 12px; }
	div#main { max-width: 90%; margin: 0 auto; }
}

@media only screen and (max-width: 360px) {
	h1 { font-size: 36px; }
	h2 { font-size: 25px; }
	p { font-size: 14px; }
	p#vinylRecordTextLink { font-size: 22px; }
	p#copyright { font-size: 11px; }
	div#main { max-width: 90%; margin: 0 auto; }
}