@font-face {
    font-family: 'Morebi Rounded Regular';
    src: url('Morebi-Rounded-Regular.ttf');
}

html, body { 
	width: 100%; 
	height: 100%;
	
	 }
	 
body {
	background-size: cover; 
	overflow:hidden;
	margin: 0; 
	padding: 0; 
	background-color: black; 
	font-family: Morebi Rounded Regular;
	
	

		opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
 }
  @keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
	
	}
 


.logo { 
	

	max-width: 780px; 
	max-height: 581px; 
	margin-top: 3%; 
	margin-left: 10%;
	margin-right: 10%;
	display: block;
	width: auto;
	height: auto;
	
 }
 

.player { 
	
	width: 728px; 
	height: 90px; 
	margin-top: 1%; 
    margin-left: auto;
    margin-right: auto;
	display: block;
 }

.social {
	
    position: fixed;
    bottom: 0;
    right: 0;
	
}


.optional {
	
	width: 150; 
	height: 105; 
	left: 50%; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	display: block;
	
}

.optional2 {
	
	width: 500px; 
	height: 24; 
	left: 50%; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display: block;
	
}

.listen {
	
	width: 500px; 
	height: 60px; 
	left: 50%; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 27px;
	display: block;

	
}

.fadelisten {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fadelisten:hover {
      opacity: 0.5;
      }


#button {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#button:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.instagram { 
	width: 72%; 
	height: auto; 
	left: 50%; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 4%; 
	background: rgba(255, 255, 255, 0); 
	display: block;
	}

.footer {
	
	width: 100%; 
	height: 24; 
	left: 50%; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 4%;
	display: block;
	
}

a { color: white; }
a, a:hover, a:active, a:visited { color: white; }