body
	{
		font-family:ubuntu;
		background-attachment:fixed;
		background-size:cover;
	}

header
	{
		background-color:rgba(0,0,0,0.9);
	}
	
li
	{
		list-style:none;
		margin-top:10px;
		margin-bottom:10px;
	}
	
.nav
	{
		color: white;
		text-align:center;
		text-decoration:none;
		padding:14px 16px;
		overflow:hidden;
		position:relative;
	}
	
.nav:hover
	{
		color:deepskyblue;
	}
	
h1
	{ 
		color:deepskyblue;
		font-family:monofett;		
		font-size:50px;
		text-align:center;	
		margin-top:0px;
		margin-right:200px;
		margin-bottom:100px;
		margin-left:200px;
		padding-top:0px;
		padding-bottom:0px;
		position:relative;
		bottom:40px;
		letter-spacing:5px;
	}
#T1
	{
		animation-delay:2s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1;
	}
#Y
	{
		animation-delay:3s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1
	}
#P
	{
		animation-delay:4s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1;
	}
#O
	{
		animation-delay:5s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1;
	}
#M
	{
		animation-delay:6s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1;
	}
#E1
	{
		animation-delay:7s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1;
	}
#T2
	{
		animation-delay:8s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1;
	}
#E2
	{
		animation-delay:9s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1;
	}
#R
	{
		animation-delay:10s;
		animation-name:TYPOMETER;
		animation-duration:0.5s;
		animation-iteration-count:1;
	}
			
@keyframes TYPOMETER
	{
		from {opacity:0;}
		to {opacity:1;}
	}

p
	{
		font-family:Major Mono Display;
		font-size:40px;
		font-weight:1000;
		text-align:center;
		margin-top:-50px;
		margin-bottom:100px;
	}
				
#pranavi
	{
		width:413px;
		float: left;
		text-align:center;
	}

#rituja
	{
	   width:413px;
	   float:left;
	   text-align:center;
	}

#shivam
	{
		width:413px;
		float:left;
		text-align:center;
	}

div > a
	{
		font-size:25px;
		color:black;
		text-decoration:none;
		text-align:center;
		margin:20px;
	}	

.frame
	{
		border:5px solid white;
		box-shadow:0 0 5px gray;
		width:350px;
		margin-left:40px;
	}

.frame:hover
{
	box-shadow:0 0 5px black;
}

#pranavi_name
	{
		font-size:70px; 
		font-family:anton;
		color: #FF4D4D; 
		z-index:-1;
	}

#pote_name
	{
			letter-spacing:25px;
			position:relative;
			bottom:20px;
			left: 15px;
	}

#rituja_name
	{
		font-size:70px; 
		font-family:anton;
		color:#00CCFF; 
		z-index:-1;
	}

#puranik_name
	{
			letter-spacing:17px;
			position:relative;
			bottom:20px;
			left:9px;
	}

#shivam_name
	{
		font-size:70px; 
		font-family:anton;
		color:rgba(0,0,0,0.4); 
		z-index:-1;
	}

#bhawar_name
	{
			letter-spacing:25px;
			position:relative;
			bottom:20px;
			left:15px;
	}