.video-wrapper {
			    max-width: 2000px;
			    margin: 30px auto;
			 
			}

			.video-wrapper video {
			    width: 100%;
			    height: auto;
			    z-index: -1;       
			    cursor: pointer;         
    		
			}

		

			.video-wrapper.paused::after {
			    content: "⏸";
			    position: absolute;
			    top: 50%;
			    left: 50%;
			    transform: translate(-50%, -50%);
			    font-size: 80px;
			    color: white;
			    pointer-events: none;
			}
						

			#btnAudio {
			    position: absolute;
			    top: 50px;        
			    right: 100px;      
			    z-index: 10;      
			    padding: 10px 15px;
			    background: rgba(0,0,0,0.5);
			    color: white;
			    border: none;
			    cursor: pointer;
			    border-radius: 5px;
			    font-size: 16px;
			    transition: background 0.3s;
			    border-radius: 5px;

			}

	
			#btnAudio:hover {
			    background: rgba(0,0,0,0.8);
			}



		/*--------------------------------------------------------------*/
		
	

			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			html, body{
				height: 100%;
				margin: 0;
				padding: 0;

			}

			body{
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #D038BC;
				height: 100vh;
				background-repeat: no-repeat;
				background-size: cover;
				overflow: hidden;
				/*cursor: none; */
				cursor: pointer;
				
			}

			header{
				margin: 0px 0px 630px 0px;
				
				
			}	
			
		
			.caixa, .menu{
				padding: 20px;
				padding-left: 0px;
				display: flex;
				justify-content: space-around;
				left: 0;
				width: 100%;
				height: 15vh;
				position: fixed;
				list-style: none;
				z-index: 1; 

									
			}
			.menu li a{
				padding: 30px;
				#font-family: Verdana, Geneva, Tahoma, sans-serif;
				font-family: 'Zen Tokyo Zoo', cursive;
				color: #DDF9F1;    
				font-size: 20px;
				font-weight: bold;
				text-transform: uppercase;
				z-index: 1; 
					
			}
			.menu li a:hover{
				color:  #D038BC;   
				font-size: 22px;
				transition-duration: 500ms;

			}
			
			a:link, a:visited {
				text-decoration: none;
				color: lightcoral;
				}
			a:hover {
				text-decoration: underline;
				color: lightcoral;	
				}
			a:active {
				text-decoration: none;
				color: lightcoral;
				}

			h1:hidden{
				font-family: 'Zen Tokyo Zoo', cursive;			
				text-align: center;
				justify-content: safe center;
				height: 18vh;
				font-size: 40px;
				color:#D038BC;     
				font-weight: bold;

				
			}
			h1:hover ~ #cursor{
				width: 156px;
				height: 156px;
				opacity: 100%;

				
			}

			#cursor{
				position: absolute;				
				border: none;
				box-sizing: border-box;
				transition: 0.1s;
				transform: translate(-50%,50%);
				pointer-events: none;
				width: 56px;
				height:56px;
				border-radius: 50%;
				opacity: 80%;
			}
			
			#cursor:before{
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				border-radius: 50%;	
				background: #A7DECB #101010 antiquewhite;
				
				/*background: #C7938B;*/

				animation: lua 3.2s linear infinite alternate;

			}


		

			@media screen and (max-width: 600px){
				.caixa, .menu{
					width: 600px;
					margin-top: -20px;
				}

									
			}
			@media screen and (max-width: 600px){
				.caixa, .menu{
				
				display: block;
							

				}
					
			}

			@media screen and (max-width: 600px){
				h1:visible{
					display: flex;
					
				}
			}