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

.app {
  @apply relative;
}

.index {

}

.mainPad {
  @apply relative overscroll-y-auto;
}

.topBar {
  @apply mb-8 flex bg-blue-400 text-white  h-12    drop-shadow-lg  text-center  items-center justify-center;
}

.topBarInHome {
  @apply z-10 sticky top-0 left-0 mb-4 p-4 flex flex-col bg-blue-400 text-white   drop-shadow-lg   justify-center;
}

.bottomBar {
  @apply flex flex-row  h-16  text-gray-400  text-center  items-center justify-center
  fixed bottom-0 left-0 w-full
  bg-slate-50 border border-slate-300 border-solid;
  div {
    @apply basis-1/4;
  }
}

.BottomBar{
  @apply flex flex-col justify-center items-center text-[#999] select-none cursor-pointer;
}

.mainMenu {
  @apply grid grid-cols-5 gap-1  text-sm font-light text-center  items-center justify-center;
  div {
    @apply mb-3;
  }

  img {
    @apply w-16;
  }
}
.AdBar
{
  @apply flex flex-row p-4 mx-2 bg-gradient-to-t from-stone-200;
}