/* layout */

body {
    padding-top: 56px;
    background-color: rgb(59, 59, 59) !important;
}

.navbar {
    background-color: #2a2a2a;
}

.navbar-brand, .nav-link {
    color: #fff;
}

.container {
    margin-top: 20px;
}

.table th, .table td {
    vertical-align: middle;
}

.square-img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin: 10px auto;
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.navbar .nav-link:hover {
    color: #28a745; /* Bootstrap success green, same as your active style */
    border-bottom: 2px solid #28a745;
    font-weight: bold;
}