*{
	margin:0;
	padding: 0;
	font-family: 'Hind', sans-serif;
	background: black;
	color: white;
	scroll-behavior: smooth;
}
body{
	height: 100%;
	position: relative;
	min-height: 100%;
}
#menu {
	z-index:1;
	position: fixed;
	top:0;
	width: 100%;
	background: black;
	justify-content: center;
	display:grid;
	grid-template-columns: repeat(6,auto);
	column-gap: 60px;
	box-shadow: 0 0 50px 0 black;
}
/*@keyframes lights{
	0% { box-shadow: 0 0 75px 0 #ff0000 }
	12.5% { box-shadow: 0 0 75px 0 #ff9300}
	25% { box-shadow: 0 0 75px 0 #fbff00}
	37.5% { box-shadow: 0 0 75px 0 #00ff13}
	50% { box-shadow: 0 0 75px 0 #00fffb}
	62.5% { box-shadow: 0 0 75px 0 #001fff}
	75% { box-shadow: 0 0 75px 0 #b600ff}
	87.5% { box-shadow: 0 0 75px 0 #ff009e}
	100% { box-shadow: 0 0 75px 0 #ff0000}
}*/
#menu >div{
	place-self: center;
}
#menu >div a{
	font-size: 22px;
	text-decoration: none;
	color: #D5D5D5;
	transition: color 0.5s ease-out;
}
#menu >div a:hover{
	color: white;
	cursor: pointer;
}

footer{
	text-align: center;
	color:black;
}
::-webkit-scrollbar {
	width:15px;
}

::-webkit-scrollbar-track{
	background-color: black;
}

::-webkit-scrollbar-thumb {
	background-color: grey;
}

::-webkit-scrollbar-thumb:hover {
	opacity: 0.8;
}