p
{
	color: Black;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	text-align: center;

	padding-left: 250px;
	padding-right: 230px;
}

a
{
	text-decoration: none;
	color: Black;
}

ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: rgba(94, 94, 94, 0.5);
	font-family: "Brush Script MT";
	font-size: 28px;
	float:left;
}

li
{
	display: block;
}

li:hover
{
	background-color: rgba(38, 38, 38, 0.5);
}

li.active
{
	background-color: rgba(131, 216, 131, 1);
}

.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 100%;
	min-height: 100%;
}

body
{
	background-image: url('background.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/* for width 20 px or bigger??*/
@media only screen and (max-device-width: 1000px)
{
    body
    {
        background-size: contain;
    }
}

.fa
{
  padding: 10px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 10%;
}

.fa:hover
{
    opacity: 0.7;
}

.fa-facebook
{
  background: #3B5998;
  color: white;
}

.fa-bandcamp
{
	background: #629AA9;
	color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-soundcloud {
  background: #ff6600;
  color: white;
}

.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: white;
}