body {
}


.homeHeader {
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 15px;
    color: white;
    /*background-color: #FA5B2A;*/
    background-color: #1c217d; /* #79C352;*/
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /*border: 2px solid #FA5B2A;*/
    text-decoration: none;
}
 
.homeHeader a {
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 15px;
    color: white;
    /*background-color: #FA5B2A;*/
    background-color: #1c217d; /* #79C352;*/
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s;
    /*border: 2px solid #FA5B2A;*/
    text-decoration: none;
}

    .homeHeader a:hover {
        /*color: black;*/
        background-color: #949cf8; /* #35A75A; Slightly lighter background on hover */
        color: black; /* Changes text color on hover */
        transform: translateY(-2px); /* Slightly raises the button */
    }

    .homeHeader a:active {
        background-color: #D91F25; /* Darker shade when clicked */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Changes shadow on click */
        transform: translateY(1px); /* Slightly moves the button down on click */
    }