header{
  z-index: 1;
  background-color: white;
}
header,section{
 
  border: 1px solid var(--color-border);
  padding: 1rem;

}
.nav_profile,.nav_register{
  display: flex;
  align-items: center;
  gap: 1rem;
}
nav{
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.main{
 
  display: flex;
  height: max-content;


  
  
  gap: 1rem;
}

.banner{
  width: 20rem;
  flex: 1;
}
.center{
   
  width: 80%;
}
.nav_right{
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 850px) {
  .main {
   flex-direction: column;
  }
  .banner{
    width: 100%;
  }
  .center{
    display: flex;
    flex-direction: column;
  
    width: 100%;
  }
}