body{
    margin: 0px;
    padding: 0px;
}

.flex-nav{
    display: flex;
    
    
    
}
#logo{
    position:relative;
    width: 126px;
    height: 94px;
    left: 37px;
    top: 16px;
}
#search{
    position: relative;
    height: 27px;
    width: 350px;
    top:87px;
    left: 0px;
    padding-left: 0%;
    border-radius: 9px;
    border-color:  #ee550e;
    border-style: solid;
    text-align: center;
}

.logo-color{
    color: #ee550e;
}
h4{
    position: relative;
    width: 534px;
    height: 48px;
    top: 87px;
    left: 11rem;
}


#magnifying{
  position: relative;
  height: 29px;
  width: 25px;
  top: 87px;
  left: 5px;
}
#notification{
    position: relative;
    top: 70px;
    left: 5rem;
}

#profile{
    position: relative;
    display: flex;
    top: 20px;
    left: 9rem;
    border-radius: 50%;
    background-color: grey;
}
.nav-bar{
    height: 165px;
    box-shadow: 0.5px 2.0px 2.8px #ee550e;
}
#username{
    position: relative;
    left: 12rem;
}