.navbar{
    background-color: black;
    color: aliceblue;
    padding:0px;
    width: 100%;
    height: 45px;
    display:flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 10px;
}

.navlogo {
    position: relative;
    left: 100px;
    top: -15px;
}

a.selected>img{
    background-color:#667ab7;
    scale: 105%;
    cursor: none;
    padding: 5px;
    top: -5px;
}

.navlogo>img{
    position: absolute;
    height:30px;
    width: 100px;
    transition: 0.5s;
}

.navlogo>img:hover{
    background-color:#667ab7;
    padding: 10px;
    scale: 115%;
    top: -10px;
}

.nav{
    position: relative;
    left: -65px;
    width: 50%;
    height: 45px;
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.nav>li{
    position:relative;
    display:block;
}
.nav>li>a{
    position:relative;
    color: aliceblue;
    text-decoration: none;
    display:flexbox;
    flex-direction: column;
    float: left;
    padding:10px 15px;
    margin: 5px;
    transition: 0.5s;
}

.nav>li>a:focus,.nav>li>a:hover{
    background-color:#337ab7;
    padding:20px 20px;
    margin: 10px;
}
.nav>li.disabled>a{
    color:#777
}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{
    color:#777;
    text-decoration:none;
    cursor:not-allowed;
    background-color:transparent
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:#eee;
    border-color:#337ab7
}

.nav>li>a.selected{
    text-decoration:wavy;
    background-color:#667ab7;
    padding:20px 20px;
    margin: 10px;
}

.nav .nav-divider{
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
}