html{
	font-family: 'Roboto', sans-serif;
}

body{
	background-image: url("../img/bg.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: black;
	background-size: cover;
	 overflow-x: hidden;
 	 width: 100%;


}

.centralizar {
    position: relative;
    top: 100%;
    transform: translateY(0%);
}


.clock{
	background-color: rgba(0,0,0,0.3);
	color: white;
	font-weight: 200;
	height: 600px;
	border: solid white 0,4px;

}

.item{
	background-color: rgba(0,0,0,0.3);
	color: white;
	font-weight: 200;
	height: 250px;
	


}

.item:hover{
	transition: 0.2s;
	background-color: rgba(0,0,0,0.5);
	
}

.item2{

	background-color: rgba(0,0,0,0.3);
	color: white;
	font-weight: 200;;
	border: solid transparent 1px;
	width: 100%;
}

.item2:hover{

	transition: 0.2s;
	background-color: rgba(0,0,0,0.5);
}

.limit{
	overflow: scroll;
	overflow-x: hidden;
	height: 25rem;
}

.red{
	border: solid transparent 1px;
}

.red:hover{
	border: solid red 3px;
	 box-shadow: 0px 0px 10px red;
	animation-duration: 0.2s;
}

.gold{
	border: solid transparent 1px;
}

.gold:hover{
	border: solid yellow 2px;
	animation-duration: 0.2s;
	box-shadow: 0px 0px 10px yellow;
}

.cyan{
	border: 1px solid transparent;
}

.cyan:hover{
	transition: 0.2s;
	box-shadow: 0px 0px 10px #1e5bff;
	border: solid #1e5bff 2px;
}

.blue{
	border: 1px solid transparent;
}

.blue:hover{
	transition: 0.2s;
	box-shadow: 0px 0px 10px #30b3ff;
	border: solid #30b3ff 2px;
}

.green{
	border: 1px solid transparent;
}

.green:hover{
	transition: 0.2s;
	box-shadow: 0px 0px 10px #02c955;
	border: solid #02c955 2px;
}

.orangeGLOW {
    border: 1px solid transparent;
}

    .orangeGLOW:hover {
        transition: 0.2s;
        box-shadow: 0px 0px 10px orange;
        border: solid orange 2px;
    }



 /* width */
::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.1);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(255,255,255);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: grey;

} 

h3{
	text-shadow: 0px 0px 5px rgba(255,255,255,0.3);
}

h4{
	text-shadow: 0px 0px 5px rgba(255,255,255,0.3);
}

a:hover{
	text-decoration: inherit;
	color: white;
}

p{
	font-size: 13px;
	text-align: left;
}


.fix-tag{
	color: #ff9d00;
	font-weight: bold;
	text-shadow: 0px 0px 15px #ff9d00;
}

.teste-tag{
	color: #07d3fc;
	font-weight: bold;
	text-shadow: 0px 0px 15px rgba(7, 211, 252, 0.4);
}

.atualizacao-tag{
	color: #00e229;
	font-weight: bold;
	text-shadow: 0px 0px 15px rgba(0, 226, 41, 0.4);
}

.removido-tag{
	color: red;
	font-weight: bold;
	text-shadow: 0px 0px 15px rgba(255, 0, 0, 0.4);
}

.scrollanim{
	animation: scroll 10s linear 1s infinite;
}

@keyframes scroll {
	100% { top: -360px; }  /* top is the number of spans (in this case 8) multiplied by span height (45px as described above)*/
}


@media screen and (max-width: 765px) {
  body {
    overflow: scroll;
  }

.clock{
	background-color: rgba(0,0,0,0.3);
	color: white;
	font-weight: 200;
	height: 540px;
	border: solid white 0,4px;

}

}


.link-a{
    color:white;
    text-shadow: none;

}

.link-a:hover{
    transition: 0.2s;
    color: cyan;
    text-shadow: 0px 0px 5px cyan;
}