.main-header {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    color: var(--main-text-color);
    width: 100%;
    background-color: rgba(41, 41, 41, 0.13);
    background-color: var(--main-background-color);
    background-color: rgb(238, 238, 238);
    background-color: var(--secondary-background-color);


    box-shadow: 0px 10px 50px 5px rgba(254, 199, 70, 0.04);
    box-shadow: 0px 10px 50px 5px rgb(63, 63, 63);
    /* margin-bottom: 100px; */



}

.main-header * a {
    text-decoration: none;
    color: var(--secondary-text-color);
    color: var(--navbar-text-color);
}

.main-header * a:hover {
    color: grey;
}