.indicator{
    background-color: rgb(14, 219, 42);
}
.transactions{
  position: fixed;
  bottom: 370px;
}
.top-row{
    display: grid;
    grid-template-columns: 80% 20%;
    position: fixed;
    bottom: 150px;
    border: 1px solid rgb(202, 202, 202);
    width: 100%;
    left: 0;
}
#touch-amount-input{
    font-size: 32px;
}
.grid-container {
    position: fixed; /* Absolute positioning for the grid container */
    bottom: 0; /* Position at the bottom of the viewport */
    left: 0; /* Align to the left edge of the viewport */
    width: 100%; /* Take up full width of the viewport */
    height: 200px; /* Set height of the grid container */
    display: grid;
    grid-template-columns: repeat(3, auto); /* 3 columns with auto width */
    grid-template-rows: repeat(4, auto); /* 4 rows with auto height */
    gap: 10px; /* Adjust the gap between grid items */
    margin-bottom: 100px;
  }
  
  .grid-item {
    
    background-color: #ddd; /* Background color for grid items */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .top-row{
    position: fixed; /* Absolute positioning for the grid container */
    margin-bottom: 170px;
  }