header{
    display: flex;
    height: 100px;
    width: 100%;
    background: purple;
}

nav{
    width: 100%;
    height: 100%;
}

header > nav > ul{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

header > nav > ul > li{
    font-size: 160%;
    margin-right: 30px;
}

header > nav > ul > li > a{
    text-decoration: none;
    color: gray;
}

header > nav > ul > li > a:hover{
    color: #ecd9fa;
    border-bottom: solid 1px #ecd9fa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 12px;
}

a[nav_selected]{
    color: #ecd9fa;
    border-bottom: solid 1px #ecd9fa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 12px;
}

ul{
    list-style-type: none;
}