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

@import url('https://fonts.googleapis.com/css?family=Lato:400,900,700,300,100');

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

a {
  color: inherit;
  text-decoration: none;
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

:root {
  font-size: 16px;
}

* {
  box-sizing: border-box;
}

html{
  
  margin: 0;
  padding: 0;
  height: 100%;
}

.bg-gradient {
  background-color: "#fff";
  background-image:
  radial-gradient(at 21% 11%, rgba(230, 230, 230, 0.9) 0, transparent 50%),
  radial-gradient(at 85% 0, rgba(220, 220, 220, 0.8) 0, transparent 50%),
  radial-gradient(at 91% 36%, rgba(200, 210, 230, 0.85) 0, transparent 50%),
  radial-gradient(at 8% 40%, rgba(240, 210, 220, 0.75) 0, transparent 50%);

}

.text-font{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}