@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/


main a { 
  @apply text-teal-500 hover:underline;
}

.alight {
 color-scheme: light; --header-position: sticky; --content-offset: 116px; --header-height: 180px; --header-mb: -116px; --header-top: 0px; --avatar-top: 0px; --avatar-image-transform: translate3d(0.011853448275862072rem, 0, 0) scale(0.9585129310344828); --avatar-border-transform: translate3d(-0.19280432520808558rem, 0, 0) scale(1.704022988505747); --avatar-border-opacity: 0;
}

.adark {
  color-scheme: dark; --header-position: sticky; --content-offset: 116px; --header-height: 180px; --header-mb: -116px; --header-top: 0px; --avatar-top: 0px; --avatar-image-transform: translate3d(0.011853448275862072rem, 0, 0) scale(0.9585129310344828); --avatar-border-transform: translate3d(-0.19280432520808558rem, 0, 0) scale(1.704022988505747); --avatar-border-opacity: 0;
}

trix-toolbar .trix-button-group {
  @apply bg-white;
}

trix-editor {
  @apply bg-white;
}

trix-editor a {
  @apply underline;
}





label {
  @apply block text-gray-300 font-medium;
}


.hiddenMobileNav {
  position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none;
 }

 .mobileNav {
  @apply fixed inset-0 z-50 bg-zinc-800/40 duration-150    dark:bg-black/80
  /* backdrop-blur-xs  */
 }


 .trix-content {
  div {
    margin: 1em 0;
  }
 }