:root{
    --background-all: rgb(246, 246, 246);
    --label-grey: rgb(92, 92, 92);
    --footer-fill: rgb(225, 225, 225);
    --row-hover: rgb(240, 240, 240);
    --color-main: rgb(70, 81, 181); 
}

body{
    background-color: var(--background-all);
    cursor: default;
}

body:hover{
    cursor:arrow;
}

.btn-primary{
    background-color: var(--color-main);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-primary:hover{
    background-color: rgb(0, 0, 0);
}

/* Customize the navbar */
.navbar {
    display: flex;
    align-items: center;
    background-color: var(--color-main);
}

.navbar-brand{
    display: flex;
    align-items: center;
}

nav li{
    font-family: "Montserrat", sans-serif;
}

/* Adjust logo size */
.navbar-brand img {
    max-width: 220px; /* Adjust as needed */
    height: auto; /* Maintain aspect ratio */
}

select, .btn{
    font-family: "Montserrat", sans-serif;
}

.socmed{
    height: 32px;
    width: auto;
    opacity: .5;
}

.socmed:hover{
    opacity: 1;
}

.socmed-button {
    border: none;
    background: none;
    padding: 0;
}

/* Style the footer */
footer {
    font-family: "Montserrat", sans-serif;;
    color: #a3a3a3;
    padding: 20px 0;
    text-align: center;
    margin-top: 32px;
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
    font-size: 0.9em;
}