html {
	scroll-behavior: smooth;
}

body {
	padding-top: 30px;
	background-color: #282828;
	color: #E8e8e8;
	font-family: "Archivo Narrow";
	font-size: 16px;
}

strong {
	font-family: "Archivo Black";
}

#most_times {
	color: black;
	font-size: large;
}

.row {
	margin-bottom: 15px;
}

#title {
	font-size: 10vw;
	color: #9d9d9d;
	color: black;
	/* text-transform: uppercase; */
	font-family: "Archivo Black";
}

#canvas {
	border: 1em solid red;
}

#subtitle {
	font-size: 3vw;
	color: #e9e9e9;
	font-family: "Archivo Narrow";

	text-shadow: 0px 1px 5px rgba(121, 119, 119, 0.7),
		0px 5px 9px rgba(50, 50, 50, 0.7),
		0px 10px 18px rgba(10, 10, 10, 0.7);
}

#head {
	background-image: url("dark_skies.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#head1 {
	font-size: 10vw;
	/* color: #9d9d9d; */
	color: black;
	text-transform: uppercase;
	font-family: "Archivo Narrow";
}

#morebelow {
	-webkit-animation: more 2s infinite alternate;
	/* Safari 4.0 - 8.0 */
	animation: more 2s ease-out infinite alternate;
}

#maintitlebar {
	padding: 20% 10% 20% 10%;

}

#centerAnimation {
	position: absolute;
	bottom: 0;
	margin-left: 50%;
}

.pro {
	font-size: 50px;
	font-family: "Archivo Black";
	padding-top: 75px;
}


@keyframes more {
	0% {
		color: #4040405d;
		padding-bottom: 10px;
	}

	25% {
		color: #40404068;
		padding-bottom: 7.5px;
	}

	50% {
		color: #808080;
		padding-bottom: 5px;
	}

	75% {
		color: #c0c0c0;
		padding-bottom: 2.5px;
	}

	100% {
		color: #ffffff;
		padding-bottom: 0px;
	}
}

@-webkit-keyframes more {
	0% {
		color: #000000;
		padding-bottom: 10px;
	}

	25% {
		color: #404040;
		padding-bottom: 7.5px;
	}

	50% {
		color: #808080;
		padding-bottom: 5px;
	}

	75% {
		color: #c0c0c0;
		padding-bottom: 2.5px;
	}

	100% {
		color: #ffffff;
		padding-bottom: 0px;
	}
}

@font-face {
	font-family: "glyphicons halflings regular";
	src: url("./MyWEBSITe/font/glyphicons-halflings-regular.woff");
}

.thumbnail {
	background: #383838;
	border: 1px solid #383838;
}

.footer {
	background-color: #222;
	border-top: 1px solid #101010;
	vertical-align: middle;
	color: #101010;
}

.footer-icons {
	/* font-size: 24px; */
	margin: 2% 1% 0% 1%;
}

.footer a {
	color: inherit;
}

/* width */
::-webkit-scrollbar {
	width: 10px;
	background: transparent;
}

/* Track */
::-webkit-scrollbar-track {
	background: inherit;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

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