styles.css

.top-nav-flex {
        display: flex;
        float:left;
}

.bottom-nav-flex {
        display: flex;
        float: left;
}

.nav-bot-right {
        display: flex;
        float:right;
        position: ;
        bottom: 0;
}

.nav-top-right {
        display: flex;
        float:right;
}

.img-and-search {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}

ul {
        list-style-type: none;
        margin: 0;
        padding:0;
}

ul.top {
        top: 0;
        width: 100%;
}

ul.bottom {
        bottom: 0;
        width: 100%;

}

li {
        float: left;        
}

li a {
        display: block;
        padding: 8px;
        text-decoration: none;
        color:black;
}

a:hover {
        text-decoration: underline;
}

a.sign {
        color: #fff;
        background-color: #4385f7;
}