.top-bar {
    padding: var(--margin-1x);
    position: fixed;
    display: flex;
    top: 0;
    z-index: 9900;
    width: 100%;
    gap: 30px;
    background-color: var(--color-white);
    color: black;
   }
      

 .top-bar__items {
   display: flex;
   gap: 50px;
   z-index: 9900;
 }


 .theme-selector{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--color-white);
  mix-blend-mode: none;
  cursor: pointer;
 }