.navbar-custom{
	background-color: gold;
	font-weight: bolder;
}

.jumbotron{
	margin:0px auto;
	padding: 120px 0px;
	background-image:  url("bg3.jpg");
	text-align: center;
	text-shadow: 6px 6px 10px gold;
	color:black;
}

.menurow{
	background-color: gold;
	font-size: 25px;
	font-weight: bold;
	color:black;
	padding: 10px;

}

.menuitem{
	padding:30px 40px;
	

}
.menuheading:hover{
	-webkit-animation: fades 3s;
}
@keyframes fades{
	from{}
	50%{text-shadow: 7px 7px 10px yellow;font-size: 90px;}
	100%{text-shadow: 6px 6px 10px gold;font-size: 80px;
}

}
.menuitem:hover{
	-webkit-animation: fade 2s;	
}

@keyframes fade{
	from {opacity: 70%; filter: grayscale(20%);filter: brightness(101%);margin-top: -10px;}
	to {opacity: 100%; filter: contrast(250%); filter: saturate(180%);  filter: brightness(130%); filter: grayscale(0%);margin-top: 10px;
}

}

.w-100{
	box-shadow: 10px 10px 0px gold;
}

.hideme
{
    opacity:0;
}

.footer{
	background-color: gold;
}
 .list-unstyled{
 	font-size: 20px;
	font-weight:bold;
	align-self: center;
 }

.link{
	color:black;
}



/* width */
::-webkit-scrollbar {
  width: 17.8px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0px 2px 3px black;
  background-image: url("bg3.jpg"); 
  border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  
  border-radius: 5px;
  background: rgba(0,0,0,0.85);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #2d3436;
  background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%); 
}

.menurow:hover{
	-webkit-animation: increase 3s;	
}
@keyframes increase{
	0%{
		background-color: gold;
		font-size: 25px;
		font-weight: bold;
		color:black;
		padding: 10px;
	}
	100%{
		font-size: 80px;
		background-color: gold;
		font-size: 25px;
		font-weight: bold;
		color:black;
		padding: 10px;
		text-shadow: 3px 3px 4px yellow;
		font-weight: bolder;
}
}