html {
	  height: 100%;
	}
	
 
	
	
	body {
	  cursor: none;
		
	  height: 100%;
	  /* background: url("../img/6.jpg") no-repeat left top; */
	  background-size: cover;
	  overflow: hidden;
	  display: flex;
	  flex-flow: column wrap;
	  justify-content: center;
	  align-items: center;

		/* animation-name: clor; */
		animation-duration: 10s;
		animation-iteration-count: infinite; 
 	  
	  	font-family: "Merriweather";  
	  background-color: #131418;		
	}
	
	.text h1 {
	  color: #3e1569;
	  margin-top: -200px;
	  font-size: 17em;
	  text-align: center;
	  text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7), -10px 10px 0px rgba(0, 0, 0, 0.4), -15px 15px 0px rgba(0, 0, 0, 0.2);
	  font-family: monospace;
	  font-weight: bold;
		text-decoration: underline;
	}
	
	@font-face {
		font-family:"Merriweather"; 
		src:url(../font/Merriweather.ttf);
	}
	@keyframes clor{
		0%{
			background-color: #131418;		
		}
		/* 50%{
			background-color: #040a34;	
		} */
		100%{
			background-color:  #131418;
		}			
	}
	
	
	.text h2 {
	  color: white;	
	  font-size: 6em;
	  text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7);
	  text-align: center;
	  margin-top: -150px;
	  font-family: monospace;
	  font-weight: bold;
	}
	
	.text h2 a{
		position: relative;
		
		z-index: 99; 
		
		color: black;  
		display: block;text-align: center;
		transition-duration: 2s;
		/* transition-delay: 0.5s; */
		transition-timing-function: cubic-bezier(0.62, -1.9, 0, 1.6);
	}
	
	.text h2 a:hover{
		color: white;
		cursor: none;
		
	}
	
	
	
	
	#Easter_eggs {
		
		color: #3E1569;
		position: absolute;
		bottom: 1%;
		right:10%;
		
		
	  
	}
	

	
	
	
	
	
	
	.text h3 {
	  color: #939bbd; 
	  font-size: 3em;
	  text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7);
	  margin-top: 0px;
	  font-family: monospace;
	  font-weight: bold;
	}
	
	.torch {
	  margin: -150px 0 0 -150px;
	  width: 260px;
	  height: 260px;
	  box-shadow: 0 0 0 9999em #000000f7;
	  opacity: 1;
	  border-radius: 50%;
	  position: fixed;
	  background: rgba(0, 0, 0, 0.1);
	  filter: blur(50px);
	}
	.torch:after {
	  content: '';
	  display: block;
	  border-radius: 50%;
	  width: 100%;
	  height: 100%;
	  top: 0px;
	  left: 0px;
	  box-shadow: inset 0 0 40px 2px #000, 0 0 20px 4px rgba(13, 13, 10, 0.8);
	}
	
	
	 
	
	.home{
		  
		
		top: 5px;
		position: relative;
		
		z-index: 99; 
		
		
	}	
	
	.home a{	
		color: black;  font-size: 2em;
		display: block;text-align: center;transition-duration: 0.5s;
	}
	
	.home a:hover{
		color: white;
		
	}