/* Header styling */
.header {
    background: #1f2122; 
    color: #ededed; 
    position: fixed; 
    z-index: 100000; 
    width: 100%; 
    height: auto; 
}

/* Container for header elements */
.header-container {
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 10px; 
    width: 100%; 
}

/* Title styling */
.title {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 2rem; 
    font-weight: bold; 
    color: #e56699; 
    transition: font-size 0.3s ease; 
}

/* -----------------------------Responsive Design----------------------------- */

/* Media query for responsive adjustments */
@media (max-width: 768px) {
    .title {
        font-size: 1.8rem; 
    }
}

/* Media query for further responsive adjustments */
@media (max-width: 480px) {
    .title {
        font-size: 1.6rem; 
    }
}