@import url('https://fonts.googleapis.com/css2?family=Poppins');

body {
	background: #333333;
	color: #999999;
}

a:active,
a:visited,
a {
	color: #ffaa00!important;

	-moz-transition: color 0.6s ease-in-out;
	-webkit-transition: color 0.6s ease-in-out;
	transition: color 0.6s ease-in-out;
}

a:hover {
	color: #ffff00!important;
}

header {
	animation: headerBG 120s ease-in-out infinite;
	height: 600px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Medium Screens */
@media (max-width: 991px) {
	header {
		height: 300px;
	}
}

/* Small Screens */
@media (max-width: 767px) {
	header {
		height: 200px;
	}
}

@keyframes headerBG {
	0% { background-image: url('/images/bg01.png'); }
	10% { background-image: url('/images/bg02.png'); }
	20% { background-image: url('/images/bg03.png'); }
	30% { background-image: url('/images/bg04.png'); }
	40% { background-image: url('/images/bg05.png'); }
	50% { background-image: url('/images/bg06.png'); }
	60% { background-image: url('/images/bg07.png'); }
	70% { background-image: url('/images/bg08.png'); }
	80% { background-image: url('/images/bg09.png'); }
	90% { background-image: url('/images/bg10.png'); }
	100% { background-image: url('/images/bg11.png'); }
}

.navbar {
	background: #666666;
	background: linear-gradient(180deg,rgba(102, 102, 102, 1) 0%, rgba(32, 32, 32, 1) 90%);
}

.navbar-brand {
	padding: 0;
}

.navbar-brand img {
	height: 32px;
}

.navbar-brand span {
	font-family: "Poppins", System-UI;
	font-weight: 700;
	font-style: normal;
}

.profile-box {
	background-color: #333333;
	color: #cccccc;
	background-clip: border-box;
	border: 1px solid #0b0d0f;
	border-radius: 0.375rem;
}

.form-control:-internal-autofill-selected,
.form-control {
	background-color: #888888!important;
}

footer {
	background-color: #1c1a1f;
}

.icon {
	width: 24px;
	height: 24px;
}

.icon path {
	fill: #fa0;

	-moz-transition: fill 0.6s ease-in-out;
	-webkit-transition: fill 0.6s ease-in-out;
	transition: fill 0.6s ease-in-out;
}

.icon:hover path {
	fill: #ff0;
}