* {
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: "LogoFont";
	src: url("fonts/LogoFont.ttf");
}
@font-face {
	font-family: "SairaCondensedLight";
	src: url("fonts/SairaCondensed-Light.ttf");
}
@font-face {
	font-family: "Roboto";
	src: url("fonts/Roboto-Regular.ttf");
}
@font-face {
	font-family: "RobotoLight";
	src: url("fonts/Roboto-Light.ttf");
}
@font-face {
	font-family: "RobotoCondensedLight";
	src: url("fonts/RobotoCondensed-Light.ttf");
}
@font-face {
	font-family: "RobotoCondensed";
	src: url("fonts/RobotoCondensed-Regular.ttf");
}
@font-face {
	font-family: "WorkSansLight";
	src: url("fonts/WorkSans-Light.ttf");
}
@font-face {
	font-family: "NunitoBold";
	src: url("fonts/Nunito-Bold.ttf");
}
@font-face {
	font-family: "RalewayBold";
	src: url("fonts/Raleway-Bold.ttf");
}
@font-face {
	font-family: "Raleway";
	src: url("fonts/Raleway-Regular.ttf");
}
@font-face {
	font-family: "MontserratBold";
	src: url("fonts/Montserrat-Bold.ttf");
}

#header {
	background-color: #060609;
	padding: 10px 20px;
}
#header img {
	height: 80px;
}
#header div {
	float: right;
	height: 80px;
}
#header div button {
	outline: none;
	background-color: transparent;
	color: white;
	padding: 10px 20px;
	font-family: "Raleway";
	font-size: 15px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	border: 0.5px solid transparent;
	border-radius: 5px;
	user-select: none;
	transition: border ease 0.2s;
}
#header div button:hover {
	border: 0.5px solid white;
	transition: border ease 0.2s;
	cursor: pointer;
}


#loader {
	border: 5px solid #555555;
	border-top: 5px solid transparent;
	width: 50px;
	height: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	border-radius: 50%;
	animation: loader-rotate 0.8s linear infinite;
}
@keyframes loader-rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}