/*scrollbar*/
::-webkit-scrollbar {	width: 15px;	}
::-webkit-scrollbar-track {	box-shadow: inset 0 0 15px grey;
							border-radius: 10px;	}
 ::-webkit-scrollbar-thumb {	background: orange;
	 							border-radius: 10px;	}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}


/*website*/
.head  > .headani {	font-weight: bold;
  					animation: glow 2.5s  infinite;	}
@keyframes glow {	0%, 50% {	text-shadow: 0 0 10px orange,
								0 0 30px yellow,
								0 0 50px orange;	}
    				50%, 100% {	color:orange;
    							text-shadow: orange;	}	}
.headani2 {color: orange;}


 
/*graphics*/
.graphhead  > .graphheadani {	font-weight: bold;
  					animation: graphglow 2.5s ease-in-out infinite;	}
@keyframes graphglow {	0%, 50% {	text-shadow: 0 0 10px green,
								0 0 30px black,
								0 0 50px green;	}
    				50%, 100% {	color:green;
    							text-shadow: green;	}	}
.graphheadani2 {color: orange;}



/*modal*/
.modal-web-head {	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
					padding: 20px;
					background-color:cadetblue;}

.modal-graph-head {	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
					padding: 20px;
					background-color:cadetblue;}

.header{	text-align: center;
			-webkit-text-stroke: 1px black;
			color: white;
	 		font-weight: 900;
			font-size: 40px;
  			filter: drop-shadow(0 0 5px black);	}