@import "tailwindcss";

body {
  background-image: url("/static/images/background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.center-box {
  padding: 2em;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 60px 2px black;
}

h1 {
  font-size: 3em;
}

.blur-button {
  font-size: 2em;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 60px 2px black;
  color: white;
  margin: 0.5em;
}

.blur-button:hover {
  transform: scale(1.02);
}