@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;300;400;500&display=swap');

body {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.form-control {
    height: 40px;
    box-shadow: none;
    color: #222;
}
button {
    background-color: #0f417c !important; /* Green background */
    color: white !important; /* Text color */
    border: none !important; /* Remove border */
    padding: 10px 20px !important; /* Add some padding */
    font-size: 18px !important; /* Adjust font size */
    border-radius: 5px !important; /* Rounded corners */
    cursor: pointer !important; /* Change cursor on hover */
}

    button:hover {
        background-color: #3c6cce !important; /* Darker green on hover */
    }
/*.btn {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    vertical-align: middle;
    background-color: #3e3165;
    color: white;
    font-size: 18px;
}
.button {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    vertical-align: middle;
    background-color: #3e3165;
    color: white;
    font-size: 18px;
}
    .btn:hover, .btn:focus, .btn:active, .btn.active, .open > .dropdown-toggle.btn {
        background-color: #57458f !important;
    }*/


btn:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.container-top-position {
    margin-top: 100px;
    min-height: 80vh; /*Ensures the container is tall enough to center the card vertically.*/
}

.card {
    background-color: #fefefe;
    border: 1px solid #eee;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3) !important;
}

.naslov {
    text-align: center;
    margin-top: 10px;
}