@import url("https://fonts.googleapis.com/css?family=Raleway:100i,400");



77777html {
  	6666background-color: #17151d !important;
	}

body {
 	font-family: "Raleway";	   
	}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  444444444font-family: 'Lato', 'Arial', sans-serif; 
}




/** DO NOT DELETE OR REMOVE ** customize scrollbar width, as well as thumb and track color INCLUDING FIREFOX **/
html {
	77scrollbar-width: auto;
	77scrollbar-width: thin;
	scrollbar-width: thin !IMPORTANT;
	scrollbar-color:  #3d3d29 #160410; scrollbar-color: #7a7a52 #160410;
	overflow-x: hidden;
}


html .button-group {
	scrollbar-width: thin !IMPORTANT;
	scrollbar-color:  #160410 #160410;
}
/** END OF DO NOT DELETE OR REMOVE ** customize scrollbar width, as well as thumb and track color INCLUDING FIREFOX **/







#the_Header {  
	position: absolute;
	width: 120px !important;
	height: 27px !important;
  	text-align: center !IMPORTANT;
	top: 0; 
	margin-top: 0px; 
	border: 0px;   
  	/**CENTER DIV**/
  		margin: auto; 
  		left:0;
  		right: 0;
  		top: 0;  
  	/**END OF CENTER DIV**/
	box-sizing: border-box;  
	clear: both; 




	}

.first-of-all {
  	display: inline-block;
	width: 100%;
	height: 27px; 
	border: 0px;
	}


/* BASIC SETUP */

.page-wrapper {
  width: 100%;
  height: auto;
	padding: 0;
}

.grad-bar {
  width: 100%;
  height: 5px; height: 1px;
  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background-size: 400% 400%;
  	-webkit-animation: gradbar 15s ease infinite;
	-moz-animation: gradbar 15s ease infinite;
	animation: gradbar 15s ease infinite;
}



#logo-page { 
	width: 71px; 
	height:45px;
  	justify-self: start;
  	margin-left: 20px; 
	position: fixed; 
	z-index: 120000000;
	}





/* KEYFRAME ANIMATIONS */

@-webkit-keyframes gradbar {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes gradbar {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes gradbar {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}






display-center {
  	width: 100%;
  	top: 0; 
	margin-top: 0px;
	background-color: #000000;
  	111display: flex;
  	111flex-direction: column;
  	111justify-content: center; 
	}

.gap {
	width: 100%;
	height: 55px;
	}

66666666666666666666.key-verse-and-synopsis {
	width: 100%; 
	max-height: 100vh;
	border: 0px;
	}








.all-size-canvas-device-screen {
	height: auto;
	}

#height-adjustement {
	height: auto;
	}







/**STAND ALONE SPACING *****************************************************/
#stand-alone-for-bottom-card-only {
	margin-bottom: 125px;
	}
/**END OF STAND ALONE SPACING *****************************************************/