.header-box {
    height: 90px;

    background: 
        radial-gradient(
            circle at 8% 18%,
            rgba(212, 211, 211, 0.65) 0 45px,
            transparent 1000px
        ),
        radial-gradient(
            circle at 92% 25%,
            rgba(215, 215, 215, 0.13) 0 80px,
            transparent 1000px
        ),
        radial-gradient(
            circle at 12% 82%,
            rgba(187, 186, 186, 0.1) 0 65px,
            transparent 1000px
        ),
        radial-gradient(
            circle at 38% 38%,
            rgba(214, 211, 211, 0.12) 0 100px,
            transparent 1000px
        ),
        linear-gradient(
            135deg,
            rgb(255, 255, 255),
            rgb(221, 216, 216)
        );
    

    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
    
    font-size: 36px;
    font-weight: 700;

    color: rgb(0, 0, 0);

    z-index: 200;

}

.header-left-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

#header-logo {
    width: 60px;
    height: 60px;

}

.header-logo-redirects a img {
    width: 35px;
    height: 35px;

    display: block;

}

.header-right-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;

}

.header-logo-redirects {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 10px;

}

.header-center-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex: 1;
}

.header-center-section a {
    font-size: 20px;
}

.header-box a {
    text-decoration: none;
    color: black;

}

.header-box a:hover {
    transform: scale(95%);
}

#header-reach-out-button {
    border-radius: 10px;
    border: 2px rgb(15, 14, 14) solid;
    padding: 12px 16px;

    background-color: rgb(19, 19, 19);

    color: white;


    font-weight: 700;
    font-size: 14px;

    cursor: pointer;
    
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;

}


#header-reach-out-button:hover {
    transform: scale(95%);
}

#header-reach-out-button:active {
    background-color: rgb(221, 221, 221);
    border-color: rgb(23, 23, 23);
    color: rgb(12, 12, 12);
    transform: scale(95%);
}

nav a {
    color: black;
    text-decoration: none;
}

nav a.active {
    color: #838282;
}

#header-instagram-logo {
    width: 38px;
    height: 38px;
}