@font-face {
    font-family: 'Comfortaa';
    src: url('fonts/Comfortaa-Regular.ttf') format('truetype'); /* Adjust the path and format as needed */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Atma';
    src: url('fonts/Atma-Regular.ttf') format('truetype'); /* Adjust the path and format as needed */
    font-weight: normal;
    font-style: normal;
}

/* style.css */
.custom-button {
    background-color: rgb(124 180 132);
    color: white;
    /*border: 1px solid rgb(124 180 132);*/
    border: hidden;
    border-radius: 6px;
    /*min-width: 130px;*/
    min-height: 65px;
    padding: 13px;
    /* Add any other custom styles you want */
    transition: background-color 0.3s; /* Smooth transition for the background color change */
}

.custom-button:hover {
    background-color: rgb(212, 210, 210); /* Change the background color on hover */
    /*border: 1px solid rgb(124, 180, 132);*/
    border: hidden;
    color: rgb(103, 105, 103);
}

.custom-button-down {
    background-color: rgb(180, 132, 124);
    color: white;
    /*border: 1px solid rgb(124 180 132);*/
    border: hidden;
    border-radius: 6px;
    /*min-width: 130px;*/
    min-height: 65px;
    padding: 13px;
    /* Add any other custom styles you want */
    transition: background-color 0.3s; /* Smooth transition for the background color change */
}

.custom-button-down:hover {
    background-color: rgb(212, 210, 210); /* Change the background color on hover */
    /*border: 1px solid rgb(124, 180, 132);*/
    border: hidden;
    color: rgb(103, 105, 103);
}