﻿
*{
	margin: 0;
	padding: 0;	
	
	    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@font-face {
	font-family: "montserrat", "HelveticaNeue";
	src: url("/font/Montserrat-Regular.otf"); /* para IE */
	src: local("montserrat"), url("/font/Montserrat-Regular.otf") format("opentype");
	font-weight: normal;
  	font-style: normal; 
}

body{
	background-color: #2E3138;
}

#titulo img{
	width: 320px;
	height: auto;
}

#instrucoes p{
	font-size: 20px;
	color: #7FC6A4;
	font-family: 'Raleway', sans-serif;
}

#subtitulo p{
	font-size: 24px;
	color: #F3C969;
	font-family: 'Raleway', sans-serif;
}

#pnts{
	display: inline;
	float: left;
	font-size: 24px;
	color: #F3C969;
	font-family: 'Raleway', sans-serif;
}

#recorde {
	font-size: 24px;
	float: right;
	color: #F3C969;
	font-family: 'Raleway', sans-serif;
	position: relative;
}

#subtitulo{
	position: relative;
	top: -40px;
	display: inline;
}

#tudo{
	position: relative;
	top: 130px;
	overflow:hidden;
	z-index: 2;
}

#grafico{
	position: relative;
	top: 200px;
	margin-bottom: 200px;
	
	
}

#mousespeed{
	width; 500px;
}

#mousespeed {

	font-size: 14px;
	color: #7FC6A4;
	font-family: 'Raleway', sans-serif;
}

#dados{
	position: relative;
	top: 60px;
	width: 35%;
}

#footer{
	display:inline-block;
	position:fixed;
	
	
	bottom: 0px;
	width: 100%;
	height: 25px;	
	z-index: 8;
	
	background-color: #202328;
}

.opcoes-footer{
	display: inline;
	position: relative;
	top: 5px;
	font-family: "montserrat", Arial; font-size: 12px;
	color:#4A4C4F;
}

.opcoes-footer a{
	text-decoration:none;
	color:#4A4C4F;
}

#bug, #contato-twitter, #zerar, #bq {
	position: relative;
	float: left;
	left: 65px;
}

#contato-twitter{
	display: inline;
	left: 75px;
}

#zerar{
	display: inline;
	left: 95px;
}

#bq{
	display: inline;
	left: 110px;
}
#jeff-experiment{
	position: relative;
	right: 65px;
}

.botoessociais{
	position:fixed;
	display: inline-block;
	
	top:20px;
	left:95%;
}

#twitter, #facebook, #plus{
	position: relative;
	left: 86%;	
}
