.header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    background-color: rgb(20, 20, 20);
    padding: 0rem 1rem;

    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    border-bottom: 1px solid rgb(51, 51, 51);
}

/*--------------------left section--------------------*/

.header-left-section {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.website-logo {
    width: 1.2rem;
    color: white;
}



/*--------------------right section--------------------*/

.header-right-section {
   display: flex;
    align-items: center;
    gap: 1.5rem; 
}

.home-redirect, .about-redirect {
    color: rgb(126, 125, 125);
}