@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
   
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');



h4{
  color: white;
  font-weight: 400;
  letter-spacing: 0.125rem;
  margin-top: 1.5rem;
}

th{
  color: #c04fe9;
}

body{
background: linear-gradient(rgba(138, 43, 226, 0.8), rgba(138, 43, 226, 0.8)), url('../img/brasil.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;  
/* height: 100dvh; */
height: calc(100vh + 4px);
overflow: auto;
} 

#ranking{
/* background: linear-gradient(rgba(138, 43, 226, 0.8), rgba(138, 43, 226, 0.8)); */
background: linear-gradient(rgba(138, 43, 226, 0.8), rgba(138, 43, 226, 0.8)), url('../img/brasil.jpg');
}

h1{
background-image: linear-gradient(to right, #2a112a , #7d269c, #2a112a ) ;
font-family: "Creepster";
font-size: 2.5rem;
font-weight: 300;
letter-spacing: 0.12rem;

}

h1>a{
text-decoration: none;
color: #4be60ec0;
transition: all 0.3s;
}

h1>a:hover{
color: #4be60eea;
}

.cor-1{
color:#4be60eea;
font-size: 0.85rem;
font-weight: 500;
letter-spacing: 0.09rem;
text-transform: uppercase;
}

.small{
font-size: 0.75rem;
color: #c3d13e;
}

.cor {
color: #dfc51c  !important; /*#4be60eea*/
}

.cor-2{
color: orange;
font-size: 0.85rem;
font-weight: 500;
letter-spacing: 0.09rem;
text-transform: uppercase;
}



.tab_1 td:nth-child(2){
color: #4be60eea;
}

.logo{
width: 4.375rem;
}

.mar_sup{
margin-top: 2.8125rem;
}

.alerta{
padding: 15px 5px 1px 15px;
/* border-radius: 5px; */
}


@media (min-width: 772px){
.principal{
  width: 55vw;
}

img.logo{
  margin-right: 30px;
}
}

@media (max-width: 570px){
h1 img{
  display: none;
}
}