body,html {
  height: 100%;
  margin: 0;
  background-color: #fff;
  overflow: hidden;
  
}

.bg {
  height: 100%;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  background-image: url('images/bg2.png'); 
  
}



a {
		color: #417aaf;
		text-decoration:none;
		text-align:center;
		letter-spacing: 1px;
		font-weight:600;
}	

a:hover {
		
		color: #d173c7;
		text-decoration: none;
		transition: 0.3s;
		border: 0px;

}


#text {
	font-size: 85px;
	font-family: 'Oxygen', sans-serif;
	font-style: italic;
	letter-spacing:-2px;
	color: #000;
	margin-top: -100px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
	opacity: 0.5;
	font-weight:500;
	
}

#about {
	font-size: 20px;
	font-family: 'Oxygen', sans-serif;
	letter-spacing:0px;
	color: #000;
	margin-top: -100px;
    position: absolute;
    text-align: justify;
    top: 20%;
    width: 40%;
	left:30%;
	opacity: 0.7;
	font-weight:500;
	
}


#navi {
	position:fixed;
	left: 0px;
	top: 5%;
	z-index:2;

}

#n1 {
	
	text-decoration: none;
	color:#417aaf;
	background-color: #f5f5f5;
	font-size: 13px;
	font-family: Oxygen;
	margin-bottom: 5px;
	text-align: center;
	height: 15px;
	width: 60px;
	border: solid #417aaf;
	border-width: 0px 5px 0px 0px;
	margin-top: 5px;
	padding: 5px;
}

#n1:hover {
	border: solid #fff;
	border-width: 0px 3px 0px 0px;
	transition: .4s;
}
  
#n1 a {
		color: #417aaf;
		text-decoration:none;
		text-align:center;
		letter-spacing: 1px;
		font-weight:600;
}	

#n1 a:hover {
		
		color: #d173c7;
		text-decoration: none;
		transition: 0.3s;
		border: 0px;

}


#counter
{
	position:fixed;
	bottom: 5px;
	right: 5px;
	color:#282828;
	font-size: 10px;
	font-family: Oxygen;
}



::selection {color: #2d5173; background: #fff;}
::-moz-selection {color: #2d5173; background: #fff;}
::-webkit-selection {color: #2d5173; background: #fff;}

::-webkit-scrollbar {width: 10px; height: 2px; background: #fff;}
::-webkit-scrollbar-thumb {background-color:#417aaf ; border: 0px solid black;}