body{
	text-align: center;
	background-color: #161616;
	font-family: Trebuchet, Arial, Sans Serif;
	
}

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

a:hover{
	color: #89cff0;
}

h1{
	color: white;
}

p{
	color: #808080;
}

h2{
	color: #a9a9a9;
}

.socials{
	text-align: center;
}

.video-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.video {
    text-align: center;
}

/*

   ▄████████    ▄███████▄    ▄████████  ▄████████    ▄████████    ▄████████ 
  ███    ███   ███    ███   ███    ███ ███    ███   ███    ███   ███    ███ 
  ███    █▀    ███    ███   ███    ███ ███    █▀    ███    █▀    ███    █▀  
  ███          ███    ███   ███    ███ ███         ▄███▄▄▄       ███        
▀███████████ ▀█████████▀  ▀███████████ ███        ▀▀███▀▀▀     ▀███████████ 
         ███   ███          ███    ███ ███    █▄    ███    █▄           ███ 
   ▄█    ███   ███          ███    ███ ███    ███   ███    ███    ▄█    ███ 
 ▄████████▀   ▄████▀        ███    █▀  ████████▀    ██████████  ▄████████▀  
                                                                            

*/


.minispace{
	height: 25px;
}

.smallspace{
	height: 50px;
}

.mediumspace{
	height: 100px;
}

.bigspace{
	height: 200px;
}

/*
                                                                       
   ▄████████  ▄██████▄   ▄██████▄      ███        ▄████████    ▄████████ 
  ███    ███ ███    ███ ███    ███ ▀█████████▄   ███    ███   ███    ███ 
  ███    █▀  ███    ███ ███    ███    ▀███▀▀██   ███    █▀    ███    ███ 
 ▄███▄▄▄     ███    ███ ███    ███     ███   ▀  ▄███▄▄▄      ▄███▄▄▄▄██▀ 
▀▀███▀▀▀     ███    ███ ███    ███     ███     ▀▀███▀▀▀     ▀▀███▀▀▀▀▀   
  ███        ███    ███ ███    ███     ███       ███    █▄  ▀███████████ 
  ███        ███    ███ ███    ███     ███       ███    ███   ███    ███ 
  ███         ▀██████▀   ▀██████▀     ▄████▀     ██████████   ███    ███ 
                                                              ███    ███ 

*/

.footer-icon {
     max-width: 100%;
     height: auto;
     width: 50px;
     margin-left: 40px;
     margin-right: 40px;
}

.home{
	text-align: center;
}

/*

   ▄▄▄▄███▄▄▄▄   ███    █▄     ▄████████  ▄█   ▄████████ 
 ▄██▀▀▀███▀▀▀██▄ ███    ███   ███    ███ ███  ███    ███ 
 ███   ███   ███ ███    ███   ███    █▀  ███▌ ███    █▀  
 ███   ███   ███ ███    ███   ███        ███▌ ███        
 ███   ███   ███ ███    ███ ▀███████████ ███▌ ███        
 ███   ███   ███ ███    ███          ███ ███  ███    █▄  
 ███   ███   ███ ███    ███    ▄█    ███ ███  ███    ███ 
  ▀█   ███   █▀  ████████▀   ▄████████▀  █▀   ████████▀  
                                                         

*/



.musiclogo {
  height: auto;
  width: 70%;
  max-width: 70%;
  display: block;
  margin: 0 auto;
}



/*

▀█████████▄  ███    █▄  ███▄▄▄▄      ▄████████    ▄████████    ▄█   ▄█▄    ▄████████    ▄████████ 
  ███    ███ ███    ███ ███▀▀▀██▄   ███    ███   ███    ███   ███ ▄███▀   ███    ███   ███    ███ 
  ███    ███ ███    ███ ███   ███   ███    █▀    ███    ███   ███▐██▀     ███    █▀    ███    █▀  
 ▄███▄▄▄██▀  ███    ███ ███   ███  ▄███▄▄▄       ███    ███  ▄█████▀     ▄███▄▄▄       ███        
▀▀███▀▀▀██▄  ███    ███ ███   ███ ▀▀███▀▀▀     ▀███████████ ▀▀█████▄    ▀▀███▀▀▀     ▀███████████ 
  ███    ██▄ ███    ███ ███   ███   ███          ███    ███   ███▐██▄     ███    █▄           ███ 
  ███    ███ ███    ███ ███   ███   ███          ███    ███   ███ ▀███▄   ███    ███    ▄█    ███ 
▄█████████▀  ████████▀   ▀█   █▀    ███          ███    █▀    ███   ▀█▀   ██████████  ▄████████▀  
                                                              ▀                                   

*/

.bfcaption{
    text-align: center;
    margin-top: 10px;
    color: white;
}

.bftitle {
    color: #FFB700;
}

.bunlogo {
  height: auto;
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/*

▀█████████▄   ▄█     ▄██████▄     ▄████████  ▄█      ███        ▄████████ 
  ███    ███ ███    ███    ███   ███    ███ ███  ▀█████████▄   ███    ███ 
  ███    ███ ███▌   ███    █▀    ███    █▀  ███▌    ▀███▀▀██   ███    █▀  
 ▄███▄▄▄██▀  ███▌  ▄███          ███        ███▌     ███   ▀  ▄███▄▄▄     
▀▀███▀▀▀██▄  ███▌ ▀▀███ ████▄  ▀███████████ ███▌     ███     ▀▀███▀▀▀     
  ███    ██▄ ███    ███    ███          ███ ███      ███       ███    █▄  
  ███    ███ ███    ███    ███    ▄█    ███ ███      ███       ███    ███ 
▄█████████▀  █▀     ████████▀   ▄████████▀  █▀      ▄████▀     ██████████ 
                                                                          

*/

.indexlogo {
  height: auto;
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}