#header{
    display: grid;
    align-self: center;
    width: 85%;
    margin: 1% 5% 2% 7%;
    height: fit-content;
}

#navigation-bar{
    display: flex;
    flex-direction: row;
    background-color: white; 
    gap: 3%;
}

.nav-bar-item{
    display: inline-box;
    width:fit-content;
}

*{
    width: 99%;
}

#lang {
    width: 50px;
    height: 50px;
}

#writing {
    display: flex;
    flex-direction: row;
    gap: 1%;
}

#name_box{
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

#name_1 {
    margin: 0% 0% 0% 0%;
    font-size: 100%;
}
#name_2 {
    margin: 0% 0% 0% 0%;
    font-size: 170%;
}

button {
    width: fit-content;
    border: 0;
    background-color: white;
    cursor: pointer;
}

img {
    float: right;
}

#logo {
    height: 100px;
    width: fit-content;
}

a {
    text-decoration: none;
}