/* Custom styles */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    background: linear-gradient(to right, #FFC15F, #FFC15F, #E8930C, #B26E04);
    background-size: 400% 400%;
    animation: gradientBG 10s ease infinite;
}

@keyframes gradientBG {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

.card {
    margin-top: 50px; /* Adjust as needed */
    margin-bottom: 50px; /* Adjust as needed */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.container .main{
    max-height: 90vh;
    overflow: auto;
}

#ttotal{
    background-color: rgb(169, 220, 131);
}
#toper{
    background-color: rgb(242, 233, 102);
}

@media (min-width: 768px) {
    .card {
        margin-top: 100px; /* Adjust as needed */
        margin-bottom: 100px; /* Adjust as needed */
    }
}

.advanced-calculator-form, .calculator-form{
    padding: 20px;
}