.nav{
  position:fixed;
  top:0px;
  width:100%;
  padding:10px;
  padding-left:50px;
  padding-right:50px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index:100;
  background:white;
  gap:10px;
}
.nav-list{
  display:flex;
  gap:30px;
  cursor:pointer;
  font-size:20px;        
}
.nav-header{
  color:var(--primary-color);
  text-decoration:none;
}
.nav .title{
  display:flex;
  flex-direction:row;
  font-size:30px;
  font-weight:bold;
  align-items:center;
}
.nav .logo{
  height:50px;
} 
.app{
  padding-top:65px; 
}
.user{
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  font-size:20px;
}	
.user .profile-picture{
  display:flex;
  border-radius:50%;
  width:35px;
  height:35px;
  border:1px solid white;
  background-size:cover;
  background-focus:right;
  background-repeat:no-repeat;      
}
@media (max-width: 1000px) {
  .nav .title{
    text-align:center;
    font-size:25px;
  }
  .nav{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .user .name,.user .sign-up-nav{
    display:none;
  }
  .app{
    padding-top:100px !important;
  }    
}