body {
 	background: url("images/background.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 	color: #FFF;
 	text-align: center;
 	font-family: "Titillium Bold"
}

.title {
	text-align: center;
	margin-top: 0px;
}

.box {
	margin-top: 10%;
}

label {
	font-size: 1.5em;
}

button {
	border-radius: 10px;
	font-size: 1em;
	font-family: "Titillium Regular";
	padding: 5px;
	background-color: #FFF;
	border-color: #FFF;
	cursor: pointer;
}

input {
	height: 30px;
	width: 350px;
	border-radius: 10px;
	font-size: 1em;
}

@font-face {
	font-family: "Titillium Bold";
	src: url("font/Titillium-Bold.otf");
	font-weight: bold;
	font-style: bold;
}

@font-face {
	font-family: "Titillium Regular";
	src: url("font/Titillium-Regular.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Titillium Semi Bold";
	src: url("font/Titillium-Semibold.otf");
	font-weight: medium;
	font-style: medium;
}

#loading {
	border-radius: 20px;
	width: 40px;
}

.hide {
	display: none;
}

.logo {
    width:100px;
}

.ranking {
    text-align: center;
}

table {
    margin: 0 auto; /* or margin: 0 auto 0 auto */
}

th, td {
    padding: 10px;
}

.bottom_right {
    position: absolute;
    bottom: 10px;
    right: 10px;
}