body {
	opacity: 1;
	transition: 2s opacity;
}
	body.fade-out {
		opacity: 0;
		transition: none;
	}
.logo {
	position: fixed;
	left: 15px;
	top: 15px;
	color: #fff;
	text-shadow: 0 5px 10px #000;
	font-weight: bold;
	font-size: 15pt;
}
.copyright {
	text-align: center;
	width: 100%;
	position: fixed;
	margin: 0px auto;
	display: block;
	bottom: 10px;
	color: rgba(255,255,255,0.3);
	text-shadow: 0 2px 5px #000;
	font-size: 10pt;
}
.dropbtn {
	position: fixed;
	right: 15px;
	top: 15px;
	color: #fff;
	text-shadow: 0 5px 10px #000;
	font-weight: bold;
	font-size: 11pt;
	padding-bottom: 8px;
}
.dropdown {
	position: fixed;
	top: 15px;
	right: 0;
	display: inline-block;
	color: #fff;
	cursor:pointer;
	transition: display linear 0.5s;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: transparent; /*#000;*/
	color: #aaa;
	margin-top: 1.6rem;
	min-width: 160px;
	/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	text-align: right;
	z-index: 1;
	right: 15px;
	transition: all linear 0.5s;
}

	.dropdown-content:hover {
		transition: all linear 0.5s;
	}

	.dropdown-content a {
		color: #aaa;
		padding: 8px 0;
		text-decoration: none;
		display: inline-block;
		width:auto;
		white-space:nowrap;
		letter-spacing: 0.5px;
		transition: all linear 0.1s;
	}
		.dropdown-content a:hover {
			padding: 8px 8px;
			background-color: rgba(255,255,255,0.1);
			color:#fff;
			transition: all linear 0.1s;
		}
.dropdown:hover .dropdown-content {
	display: block;
	transition: display linear 0.5s;
}