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

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  color: #1a1a1a;
}

.gradient-border {
  border: 1px solid;
  border-image-source: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.09) 0%,
    rgba(255, 255, 255, 0.045) 100%
  );
  border-image-slice: 1;
}

.backdrop-blur {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(242, 246, 252, 0.64) 100%);
  backdrop-filter: blur(80px);
}

.box-shadow-icon {
  box-shadow: 0 3.73px 5.77px 0 #0000000f;
}