@charset "UTF-8";
/* CSS Document */



body, html {
	background-color: black;
	margin: 		0;
	padding: 		0;
	box-sizing: 	border-box;
	user-select: 			none;
    -webkit-user-select: 	none; 
    -moz-user-select: 		none;
    -ms-user-select: 		none; }
	  
	  
	  
	  
.marquee__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0; }

.marquee__container {
	
	z-index: 1; /*new*/
	
	isolation: 			isolate;    	/* critical for Safari */
	background: 		white;     		/* prevents fallback bugs */
	position: 			absolute;
	width: 				100%;
	overflow: 			hidden;
	background-color: 	transparent;
	padding: 			0px; 
	height: 			100%; }
	
.marquee__text_box {
/*	position: relative;*/ /*new*/
/*	margin:0; 		*/	/*new*/
/*	padding: 0; 	*/	/*new*/
	
	display: 			flex;
	white-space: 		nowrap;
	width: 				fit-content; /* Important for proper layout */

/*	width: 100vw; 	*/	/*new*/
} 

.marquee__inner {
/*	isolation: isolate;*/ /*new*/


	display: 			flex;	

/*	display: 			inline-block;*/ /*new*/
/*	white-space: 		nowrap;  */     /*new*/
/*	will-change: 		transform; */   /*new*/
	
	margin: 			0;
	padding: 			0;
/*	filter: 			blur(calc(100vh / 60)); */
	mix-blend-mode:     screen;
	animation: 			scroll 100s linear infinite; }
	@keyframes scroll {
		0% {transform: 	translateX(   0); }
	  100% {transform: 	translateX(-50%); }}	
	  
.marquee__text_box p {
	border: 			0px solid red; 
	
	
/*	display: inline-block;*//*new*/
/*	white-space: nowrap;*//*new*/
/*	isolation: isolate; *//*new*/
	
	position: 			relative;
	top: 				40vh ;
	line-height: 		0px;
	font-size: 			300px;
	font-family: 		var(--font_inter_extra_bold_28);
	color: 				rgba(0,0,100,1.0);
	opacity: 			1;	
	margin: 			0; /* space after each text block */
	padding: 			0;
	flex-shrink: 		0; }
















	
#triggerButton {
	isolation: 				isolate;  	/* critical for Safari */
	
	border: 				0px solid black;	
	position: 				absolute;
	z-index: 				2;
	right: 					25px;
	top: 					20px;
	padding: 				10px 15px;
	background-color: 		transparent;
	cursor: 				pointer;
	font-size: 				20px;
	letter-spacing: 		1.0rem;
	transition: 			transform 		0.2s ease-in-out; 
    user-select: 			none; /* Standard */
    -webkit-user-select: 	none; /* Safari/Chrome (older) */
    -moz-user-select: 		none;    /* Firefox (older) */
    -ms-user-select: 		none;     /* IE/Edge (older) */	
	
	}
/*  #triggerButton:hover {color: yellow;} */
#triggerButton:active {
	transform: 			scale(0.80);}
	
	
#contentDiv {

	overflow: 				visible;
	display: 				inline-block;
	position: 				absolute;
	z-index: 				1;
	right: 					0px;
	top: 					12px;
	padding: 				30px 65px;
	background-color: 		transparent;
	cursor: 				pointer;
	text-align: 			center;
	font-size: 				20px;
	letter-spacing: 		0.06em;
	color: 					cyan;
	filter: 				blur(10px);
	transition: 			line-height 600ms 	ease-in-out, 
							color 		875ms 	ease-in-out,
							opacity 	600ms 	ease-in-out,
	    					filter 		0.8s 	ease-in-out;
	 user-select: 			none;
    -webkit-user-select: 	none; 
    -moz-user-select: 		none;
    -ms-user-select: 		none; }


#contentDiv.normal {
	line-height: 			0;
	filter: 				blur(10px);
	color: 					blue; 
	opacity: 				0; }


#contentDiv.spacious {
	opacity: 				1;	
	line-height: 			2.0;
	filter: 				blur(0px);
	color: 					rgba(190,220,255,1.00); }
	
	
.neon_menu_button{
	font-family: var(--font_roboto_thin);}	


















	
.neon-text {
	position: absolute;
	color: #fff;
	font-size: 1rem;
	font-family: var(--font_roboto_thin);
	text-shadow:
		0 0 5px  #fff,
		0 0 10px #fff,
		0 0 20px #ff00de,
		0 0 40px #ff00de,
		0 0 80px #ff00de;
	animation: neon-flicker 1.5s infinite alternate; }
@keyframes neon-flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% 
	{ text-shadow: 	0 0 5px #fff,
					0 0 10px #fff,
					0 0 20px #ff00de,
					0 0 40px #ff00de,
					0 0 80px #ff00de ; }
	20%, 24%, 55% {text-shadow: none; }}	


.logo{
	z-index: 3;
	font-family: 	var(--font_fraunces_super_soft_bold);
	font-size: 		30px;
	letter-spacing: 0.1rem;
	position: 		absolute;
	left: 			30px;
	top: 			26px; }