.mainpagebox-container {
    display: flex;
}

.mainpagebox {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: font-size 0.3s ease;
}

.mainpagebox:hover {
    font-size: 1.2em;
}

.light-blue {
    background-color: lightblue;
}

.grey {
    background-color: grey;
}

.pink {
    background-color: #ED0973;
}

.black {
    background-color: black;
}

/* Top Bar Background Color */
.panel.wrapper {
    background-color: #004680 !important; /* HEX for CMYK 100/65/0/27 */
    color: #ffffff !important; /* Text color for the top bar */
}

/* Top Bar Links */
.panel.wrapper a {
    color: #ffffff !important; /* White text for links */
}

.panel.wrapper a:hover {
    color: #cce7ff !important; /* Lighter hover color */
}

.category-item a:hover {
    color: #B58500; /* Golden Yellow */
    text-decoration: underline;
}

.category-item {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 14px; /* Adjusted font size */
    font-weight: 700; /* Ensures bold text */
    text-transform: uppercase;
}

.category-item a {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 14px; /* Adjusted font size */
    font-weight: 700; /* Ensures bold text */
    text-transform: uppercase;
}

.cookie-status-message {
    background-color: #B7CE95 !important;
    color: #ffffff !important; /* Text color for the top bar */
}