﻿

.card1 {
    background-color: aliceblue;
    padding: 16px;
    background-image: -webkit-linear-gradient(top, cadetblue, transparent 70%, transparent 100%);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.div-container {
    display: flex; /* Makes the container a flex container */
}

.left-div {
    flex: 1; /* Allows this div to grow and shrink proportionally */
    width: 20%; /* Example percentage width */
    //background-color: lightblue;
    padding: 10px;
}

.right-div {
    flex: 1; /* Allows this div to grow and shrink proportionally */
    width: 80%; /* Example percentage width */
    //background-color: lightcoral;
    padding: 10px;
}

.button-container {
    display: flex;
    /* Optional: Add spacing between buttons */
    gap: 10px; /* Adjust as needed */
    /* Optional: Center the buttons horizontally */
    justify-content: center;
}