/* body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
} */

:root {
  /*font-size: 62.5%;*/
  background-color: var(--cinza);
  
  --laranja: #ff6400;
  --verde: #006600;
  --cinza: #E6E6F0;
}

nav {
  font-size: 1.6rem;
}

body {
  background-color: var(--cinza);
  margin-top: 5.5rem;
}

/*#app {  
  font-family: "Orbitron", sans-serif;
  height: 100vh;
  padding: 1.6rem 3.2rem;
  
  font-size: 1.6rem;
  margin-top: 3.3rem;
}*/

#logo {
  height: 5.5rem;
}

.tabela {
  place-self: center;
  max-height: 35rem;
} 

.tabela{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
  gap: .8rem;
}

.linha, .linha-par, .linha-impar {
  display: flex;

  padding: 1rem;
  border-radius: .8rem;
  background-color: #FFF;

  font-size: 2rem;
  font-weight: 900;
}

.linha {
  min-width: 64rem;
}

/* .linha-impar {
  color: var(--laranja);
}

.linha-par {
  color: var(--verde);
} */

.cel, .cel-img {
  width: 20rem;
  display: flex;
  
  place-content: center;
  align-items: center;
}

.cel {
  min-width: 10.9rem;
}

.cel-img {
  min-width: 15.369rem;
}

.avatar {
  border-radius: 50%;
  width: 4.2rem;
  height: 4.2rem;
  object-fit: cover;
}

footer a {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: end;

  position: fixed;
}

/*
@media (max-width: 1070px) {
  .linha {
    width: 80%;
  }
  .cel {
    width: 80%;
  }
} 
*/
@media (max-width: 842px) {
  .tabela {
    margin-top: -12rem;
    scale: .8;
  }
} 
@media (max-width: 500px) {
  .tabela {
    margin-top: -23rem;
    scale: .6;
  }
} 
@media (max-width: 375px) {
  .tabela {
    margin-top: -30rem;
    scale: .48;
  }
}