nav {
	transition: 0.5s;
	margin-top: -3em;
	/*margin-top: 3em;*/
	display: flex;
	flex-direction: column;
}

nav.isSticky {
	background: #234b93fc;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 0;
	box-shadow: #000 0 0 1em;
}

.nav-link {
	text-decoration: none;
	border-bottom: 0.2em solid #aaccff00;
	margin-right: 0.5em;
	color: #aaccff;
}

.active {
	border-bottom: 0.2em solid #aaccff;
	color: #aaccff;
}

.nav-link:hover {
	border-bottom: 0.2em solid #cceeffff;
	color: #cceeff;
}

.nav-link:active {
	border-bottom: 0.2em solid #bbddffff;
	color: #bbddffff;
}

.nav-link:focus {
	border-bottom: 0.2em solid #bbddffff;
	color: #bbddffff;
}

/* sticky navlinks */
nav.isSticky .nav-link { color: #fff9; }
nav.isSticky .nav-link:hover { color: #ffff; }
nav.isSticky .nav-link:active { color: #ffff; }
nav.isSticky .nav-link:focus { color: #ffff; }

.container {
	background: #111c;
	margin-top: 3em;
	margin-bottom: 15em;
	padding: 4.5em 5em;
}

body {
	height: 100%;
	margin: 0;
	background: #111111 linear-gradient(#000 0%, #2a2a2a 100%) no-repeat fixed;
	color: #fff;
}
.content img {
	max-width: 50%;
	filter: drop-shadow(20px 10px 20px #0005);
	margin: 1em;
	transition: 1s;
}
.content img:hover {
	filter: drop-shadow(0px 0px 5px #0005);
	margin: 0;
}

#logo {
	background: transparent;
	padding: 0;
	margin-top: 0;
	margin-bottom: 2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#logo .row .col {
	display: flex;
	flex-direction: row-reverse;
	gap: 1em;
}

#site-logo {
	width: 65px !important;
}

.content a .no-underline:hover, .no-underline {
	text-decoration: none;
	color: white;
}

.content a {
	text-decoration: none;
	transition: 0.25s;
	color: #77f !important;
	opacity: 0.8;
}

.content a:focus {
	text-decoration: underline;
	opacity: 1;
}

.content a:hover {
	text-decoration: underline;
	opacity: 1;
}

.content .noshadow, .content .noshadow:hover {
	filter: drop-shadow(0px 0px 0px #0000);
	margin: 0;
}

.content ul {
	list-style-type: square;
	color: #ddf;
}
.content .circle {
	list-style-type: circle;
}

.content h1 {
	padding: 0.15em 0;
	border-bottom: 1px #bbb solid;
	margin: 0.5em 0;
}

.content .minecraft {
	text-shadow: 0px 0px 10px #ff0, 0px -1px 10px #0ff, 0px 1px 10px #f0f;
}

.content h2, .content h3, .content h4 {
	margin: 1em 0;
}

.content .plane {
	max-width: 30%;
	filter: drop-shadow(0px 0px 2px #0005);
	margin: 0;
	transition: 1s;
}
.content .plane:hover {
	max-width: 50%;
	filter: drop-shadow(-50px 350px 50px #0005);
	margin: -10em;
	padding-bottom: 9.6em;
	transform: rotate3d(0.5, 0.5, 1, -45deg);
}

.center {
	text-align: center;
	position: relative;
	left: 50%;
    transform: translateX(-50%);
}

.logo-text {
	color: white;
	margin-top: 0.75em;
	font-size: 180%;
	font-weight: normal;
}

.thumbnail {
	display: inline;
	width: 8em;
	padding-right: 1em;
}

.thumbnail-parent {
	padding-bottom: 1em;
}

.country {
	display: none;
	position: absolute;
	top: 1em;
	left: 1.5em;
	font-size: 1.5em;
	text-decoration: none;
	opacity: 0.5;
	transition: 0.25s;
	color: white;
}

.country.isSticky {
	position: fixed;
	top: 0.4em;
	left: 1em;
	z-index: 1024;
}

.country:hover {
	text-decoration: none;
	opacity: 1;
	color: white;
}

.dloads {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	width: 60%;
	margin: auto;
	align-items: center;
	text-decoration: none;
	min-height: 150px;
}

.dloads img {
	padding: 1em;
}

.dloads:hover {
	text-decoration: none;
	background: #f5f5f5aa;
}

.zoom:hover {
	width: 50%;
	padding-bottom: 0;
}

.pointer {
	position: fixed;
	left: -100%;
	background: transparent;
	border: transparent 2px solid;
	padding: 1em;
	color: transparent;
	text-align: center;
	text-decoration: none;
}

.pointer:focus {
	background: linear-gradient(90deg, #0080, #008d, #0080);
	/*border: #0d6efd 2px solid;*/
	color: white;
	font-size: 125%;
	left: 20px;
	right: 20px;
	top: 0px;
	outline: none;
}

.scrollTop {
	position: fixed;
	top: -0.5em;
	right: 2em;
	opacity: 0;
	transition: 0.5s;
}

.scrollTop a {
	text-decoration: none;
	transition: 0.5s;
	padding: 0 0.5em;
	opacity: 0;
}

.scrollTop.isSticky a {
	font-size: 200%;
	color: #fff;
	opacity: 0.5;
}
.scrollTop.isSticky a:hover {
	opacity: 1;
}

.scrollTop.isSticky {
	opacity: 1;
	top: 0.2em;
	right: 1.5em;
	z-index: 1024;
	text-align: right;
}


.btn-primary:hover,
.btn-primary:focus{
	background: #00f !important;
	--bs-btn-border-color: #0ff !important;
	border-color: #0ff !important;
	outline: none !important;
	animation-name: glow !important;
	animation-duration: 5s !important;
	animation-iteration-count: infinite !important;
	text-decoration: none !important;
}
.btn-secondary:hover,
.btn-secondary:focus{
	background: #5c656d !important;
	--bs-btn-border-color: #aaa !important;
	border-color: #aaa !important;
	outline: none !important;
	animation-name: glow !important;
	animation-duration: 5s !important;
	animation-iteration-count: infinite !important;
	text-decoration: none !important;
}

.btn.disabled:hover {
	cursor: not-allowed;
}

@keyframes glow {
	0% {border-color: #0ff !important;}
	50% {border-color: #099 !important;}
	100% {border-color: #0ff !important;}
}