.grid-container {
    display: grid;
    grid-template-columns: auto auto;
    /*background-color: #2196F3;*/
    padding: 10px;
  
  }
  .grid-item {
    /*background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);*/
    padding: 20px;
    font-size: 30px;
    text-align: center;
  }


/***********TOOLTIP*****************/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgb(0,128,0);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.precode code  {
   display: flex;
  background-color: black;
  color: #fff;
}

.PipInstall{
  background-color: yellowgreen;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  margin: 10px 0;
  }
h3{
  font-size: 24px;
}
/*
FORMATAÇÃO DE VALIDAÇÃO PARA O FORMULÁRIO
*/
.error {
  color: red;
  font-size: 0.9em;
}
input:invalid {
  border-color: red;
}
input:valid {
  border-color: green;
}
.downloads {
  text-align: center; /* Alinha o texto dentro do elemento ao centro */
  border: 2px solid black; /* Define uma borda preta de 2px ao redor do elemento */
  border-radius: 8px; /* Arredonda os cantos da borda com um raio de 8px */
}
.downloads p {
  color: red;
}
.small{
  color:gray;
}
.download-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.download-item {
  /* flex: 1 1 200px; /* Garante que os itens tenham um tamanho mínimo 
 max-width: 250px;  Limita o tamanho máximo */
  text-align: center;
}

.download-item button {
  width: 100%; /* Faz os botões ocuparem toda a largura do contêiner */
}

@media (max-width: 600px) {
  .download-container {
      flex-direction: column;
      align-items: center;
  }

  .download-item {
      max-width: 100%;
  }
}