body {
    font-family: Arial, sans-serif;
    background-color: #ffffff;
    color: #5d5a5a;
    height: 100%;

    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.navbar {
    font-size: 1.1rem;
}

.textInput {
    border-radius: 10px;
}

.btn {
    border-radius: 15px;
}

.card {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    background-color: #A0D683;
    border-color: #72BF78;
}

#hashDisplay .bg-dark {
    font-family: monospace;
}

main {
    flex: 1;

}

footer {
    margin-top: auto;
    /* Pushes the footer to the bottom */
    text-align: right;
    /* Aligns text to the right */
    padding: 10px 20px;
    /* Add padding for spacing */
    font-size: 14px;
    /* Optional: Adjust font size */
}

footer a {
    color: #6c757d;
    /* margin: 0 10px; */
    text-decoration: none;
}

footer a:hover {
    color: #343a40;
}