html {
  box-sizing: border-box;
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  overflow: auto; /* ou scroll */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE e Edge */
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  background: linear-gradient(
      rgba(266, 266, 266, 0.8),
      rgba(177, 168, 168, 0.2)
    ),
    url("../Imagens/Fundo.jpeg");

  background-position: center;
}

A:link,
A:visited {
  color: #01072c;
}

h2 {
  color: brown;
  font-size: 3.4rem;
}

h3 {
  color: rgb(23, 23, 24);
  font-size: 2.5rem;
}

.Escondido {
  display: none;
}

#btnTopo {
  position: fixed;
  bottom: 20px;
  right: 50%;
  display: none;
  background-color: rgb(51, 51, 51, 0.5);
  color: white;
  border: none;
  padding: 10px 14px;
  border-radius: 50%;
  font-size: 2.4rem;
  cursor: pointer;
  z-index: 99999;
  transition: background-color 0.3s;
}

#btnTopo:hover {
  background-color: #555;
}

.TelasSecundarias {
  display: none;
}

thead,
tfoot {
        background-color: #0a3056;
        color: white;
        height: 5mm;
        min-height: 5mm;
        max-height: 5mm;
        min-width: 100%;
        max-width: 100%;
      }

th,
td {
      border: 0.1rem solid rgb(160 160 160);
      padding: 0.7rem 0.8rem;
      min-width: 100%;
      max-width: 100%;
      font-weight:100;
      }
      
table {
        border-collapse: collapse;
        font-family: sans-serif;
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        text-align: center;
        letter-spacing: 0.15rem;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
      }

.dots {
            display: flex;
            gap: 8px;
            width: 100%;
            height: 100%;
            align-content: center;
            align-items: center;
            justify-content: center;
            position: absolute;
            background-color: rgb(1, 7, 44, 0.3);
            top: 0;
            z-index: 9999;
          }

.dot {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: black;
        opacity: 0.2;
        animation: jump 0.6s var(--delay) linear infinite;
      }

.dot:nth-child(1) {
        --delay: 0ms;
      }

.dot:nth-child(2) {
        --delay: 100ms;
      }

.dot:nth-child(3) {
        --delay: 200ms;
      }

      @keyframes jump {
        0% {
          opacity: 0.4;
          transform: translateY(0px);
        }

        33% {
          opacity: 0.8;
          transform: translateY(-9px);
        }

        66% {
          opacity: 0.4;
          transform: translateY(0px);
        }
      }