body
{
	margin: 0px;
	font-family: 'Poppins', sans-serif;
}

nav
{
	position: fixed;
	width: 80px;
	height: 100vh;
	right: 0px;
}

nav div
{
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}

nav span
{
	display: block;
	border: solid 1px rgba(0, 0, 0, 0);
	margin: 15px;
	padding: 5px; 
	font-size: 24px;
	color: #efefef;
}

nav span:hover
{
	background: rgba(0, 0, 0, 0.2); 
	border-radius: 50%;
}

section
{
	border: solid 1px rgba(0, 0, 0, 0);
	height: 100vh;
}

section h3
{
	text-align: center;
	text-transform: uppercase;
	font-size: 48px;
	color: #efefef;
	text-shadow: 1px 1px #212121;
}

.home
{
	background: #ff0000;
}

.about
{
	background: #ffa500;
}

.service
{
	background: #ffff00;
}

.resume
{
	background: #008000;
}

.works
{
	background: #0000ff;
}

.blog
{
	background: #4b0082;
}

.contact
{
	background: #ee82ee;
}

::-webkit-scrollbar
{
	width:0px;
	height:0px;
}
 
::-webkit-scrollbar-track
{
	background: #E6E9ED;
}
 
::-webkit-scrollbar-thumb
{
	background: #cccccc;
}

::-webkit-scrollbar-thumb:window-inactive
{
	background: #cccccc;  
}

@media(min-width:1024px)
{
	::-webkit-scrollbar
	{
		width: 5px;
		height: 5px;
	}
}