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

html {
  position: relative;
  min-height: 100%;
  color: #ffc6d7fc;
  overflow: hidden;
}

html::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  --background-image: url("/113909210_p0.jpg");
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  filter: brightness(50%) blur(4px);
  transform: scale(1.1);
}

body {
  height: 100%;
}
 
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}