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

html {
  font-weight: 400;
  letter-spacing: -.05px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.dark-bg {
  background: rgb(6,13,81);
  background: linear-gradient(180deg, rgba(6,13,81,1) 0%, rgba(13,53,172,1) 100%);
}

.light-bg {
  background: rgb(98,245,249);
  background: linear-gradient(0deg, rgba(98,245,249,1) 0%, rgba(209,251,255,0.7231486344537815) 64%);
}