body{
    height: 100vh;
   
}


h2,h3{
    color: #0D6EFD;
}

.input-group{
     
    margin: 10px auto;
}

    
.input-group-text {
    min-width: 150px;
}
    @media (max-width: 768px) {
  #startPage h1 {
    font-size: 1.8rem;
  }
  #startPage p {
    font-size: 1rem;
  }
  #startPage img {
    max-width: 90px;
  }
  #startPage .btn {
    font-size: 0.9rem;
    padding: 0.5rem 1.2rem;
  }
}

@media (max-width: 992px) {
  #startPage h1 {
    font-size: 1.7rem;
  }
  #startPage p {
    font-size: 1rem;
  }
  #startPage img {
    max-width: 90px;
  }
  #startPage .btn {
    font-size: 0.9rem;
    padding: 0.5rem 1.2rem;
  }
}

@media (max-width: 768px) {
  #startPage h1 {
    font-size: 1.5rem;
  }
  #startPage p {
    font-size: 0.9rem;
  }
  #startPage img {
    max-width: 75px;
  }
  #startPage .btn {
    font-size: 0.85rem;
    padding: 0.4rem 1rem;
    width: 100%;
    max-width: 250px;
  }
  #startPage .d-flex {
    flex-direction: column;
    align-items: center;

     #transactions h2 {
    font-size: 1.6rem;
  }

  #transactions h3 {
    font-size: 1.2rem;
  }

  #transactions table {
    font-size: 0.9rem;
  }

  #transactions .btn {
    font-size: 0.85rem;
    padding: 0.3rem 0.8rem;
  }

  #transactions form .btn {
    margin-top: 0.5rem;
  }

  #transactions .chart-container {
    max-width: 150px;
  }
}
  }