.titleBar {
  @apply bg-storm-600 text-white  w-full z-100;
  @screen lg {
    @apply h-12 fixed flex justify-end items-center;
  }
  a,
  button {
    @apply cursor-pointer;
    -webkit-app-region: no-drag;
  }
  -webkit-app-region: no-drag;
}

.center {
  @apply justify-center;
}

.outer {
  @apply hidden justify-between items-center pr-8;
  @screen md {
    @apply flex;
    width: calc(50% + 8rem);
  }
}

.desktopOuter {
  @apply hidden;
  @screen md {
    @apply flex  justify-between items-center w-full;
  }
}

.left,
.middle,
.right {
  @apply w-1/3;
}

.left {
  @apply pl-8;
}

.middle {
  @apply justify-center;
}

.right {
  @apply flex justify-end pr-8;

  a,
  button {
    @apply text-sm font-normal tracking-wide text-white/90 hover:text-sky-100;
  }

  a {
    @apply mr-2 ml-10 flex items-center;
    > svg {
      @apply mr-3;
    }
  }
}

.drag {
  -webkit-app-region: drag;
  a,
  button {
    @apply cursor-pointer;
    -webkit-app-region: no-drag;
  }
}

.logo {
  @apply max-h-5;
}

.forMobile {
  @screen md {
    @apply hidden;
  }
}
