@keyframes blink {
    0%, 100% {
        box-shadow: 0 0 20px rgba(162,190,84, 0.5);
    }
    25%, 75% {
        box-shadow: 0 0 30px rgba(162,190,84, 1);
    }
    50% {
        box-shadow: 0 0 40px rgba(162,190,84, 1);
    }
}

.login-button {
    background-color: #96B34F; /* Red background */
    border: none; /* Remove border */
    color: white; /* White text */
    padding: 15px 32px; /* Some padding */
    text-align: center; /* Centered text */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Make the container fit the content */
    font-size: 16px; /* Increase font size */
    font-weight: bold; /* Bold text */
    border-radius: 25px; /* Rounded corners */
    /* animation: blink 1s infinite; */
    margin-left: 50px  ;
    margin-right: 30px  ;
}

.login-button:hover {
    background-color: #697f32; /* Change text color on hover */
}


.mkdf-sticky-header {
    position: fixed; /* Ensure it is fixed */
    top: 0;
    left: 0; /* Ensure it starts from the left edge */
    width: 100%; /* Ensure it covers the full width */
    height: 100px; /* Set the desired height */
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000; /* Ensure it stays on top of other elements */
}

.mkdf-sticky-header a,
.mkdf-sticky-header .item_text,
.mkdf-sticky-header .login-button {
    color: black; /* Default text color */
    text-decoration: none;
}

.mkdf-sticky-header a:hover,
.mkdf-sticky-header .item_text:hover,
.mkdf-sticky-header .login-button:hover {
    color: red; /* Change text color on hover */
}

.mkdf-position-left {
    display: flex;
    align-items: center; /* Center elements vertically */
    height: 100%; /* Ensure it takes the full height of the header */
}

.mkdf-position-left-inner {
    display: flex;
    /* align-items: center; */
}

.notification-bar {
    background-color: red; /* Set background to red */
    color: white; /* Set text color to white */
    padding-top: 12px;
    /* animation removed */
    text-align: center; /* Center the text */
    font-weight: bold; /* Make the text bold */
}

@keyframes blink2 {
    0% {
        background-color: white;
        color: red;
    }
    50% {
        background-color: red;
        color: white;
    }
    100% {
        background-color: white;
        color: red;
    }
}