body {
  font-family: 'Share Tech Mono', monospace;
  user-select: none;
}

input, textarea {
  user-select: text;
}

input:focus, textarea:focus {
  outline: 2px solid gray;
}

html {
  scroll-behavior: smooth;
}

.gradient-text {
  background: linear-gradient(90deg, #ac21b9, #a247cc, #5338ec);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: gradient-animation 3s infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.flash-message {
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-left: 4px;
    margin right: 4px;
    transition: opacity 1s ease-in-out;
}

.success {
    background-color: #33a04c;
    color: #ffffff;
}

.danger, .error {
    background-color: #be555e;
    color: #ffffff;
}

.info, .message {
    background-color: #4c5ec2;
    color: #ffffff;
}