@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed|PT+Sans+Narrow|Share+Tech+Mono');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto+Mono:wght@500&display=swap');
body
{
	background-color: var(--bg);
	color: var(--one);
	font-family: 'Barlow Semi Condensed', sans-serif;
}
a
{
	text-decoration: none;
	color: var(--one);
}
body
{
	font-size: 200%;
	background-image: url(images/prop.svg);
	background-size: 20%;
	background-position: right bottom;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#wrapper
{
	width: 99%;
}
#footer
{
	margin-top: 5em;
	text-align: center;
	font-size: 70%;
}
#content
{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
}
#title
{
	font-size: 125%;
	font-weight: bold;
}
#subtitle
{
	font-size: 110%;
}
#band_buttons
{
	margin-left: auto;
	text-align: center;
	margin-right: auto;
}
#band_buttons form
{
	display: inline-block;
}
button
{
	display: inline-block;
	margin-top: 1em;
	font-size: 150%;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: none;
	border-radius: 15px;
	box-shadow: 0 9px #999;
	color: var(--bg);
}
button:active
{
	box-shadow: 0 5px #555;
	transform: translateY(4px);
}

#startover
{
	text-align: center;
	margin-top: 1em;
	font-size: 70%;
}
#button_all
{
	background-color: #a4a4a4;
}
#button_all:hover
{
	background-color: #c7c7c7;
}
#button_all:active
{
	background-color: #c7c7c7;
}
#button_a
{
	background-color: #4CAF50;
}
#button_a:hover
{
	background-color: #3e8e41;
}
#button_a:active
{
	background-color: #3e8e41;
}
#button_b
{
	background-color: #1C5560;
}
#button_b:hover
{
	background-color: #3a7681;
}
#button_b:active
{
	background-color: #3a7681;
}
#button_c
{
	background-color: #AF1E2D;
}
#button_c:hover
{
	background-color: #7d1521;
}
#button_c:active
{
	background-color: #7d1521;
}
#button_d
{
	background-color: #756687;
}
#button_d:hover
{
	background-color: #554a62;
}
#button_d:active
{
	background-color: #554a62;
}
#button_e
{
	background-color: #c44100;
}
#button_e:hover
{
	background-color: #c56331;
}
#button_e:active
{
	background-color: #c56331;
}
#band_buttons
{
	margin-top: 2em;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
}
#band_buttons form
{
	display: inline-block;
}
#band_buttons button
{
	padding: .5em 1.5em;
	margin-left: .15em;
	margin-right: .15em;
}
.map
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	line-height: 1.5;
}