@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Base Styles - Dark & Minimal */
body {
  background: #121212; /* Deep dark background */
  color: #e0e0e0; /* Light text for contrast */
  font-family: 'Roboto', sans-serif; /* Modern font choice */
  line-height: 1.6;
}

a {
  color: #00c853; /* Vibrant green accent */
  text-decoration: none;
  transition: color 0.2s ease; /* Smooth color transition */
}

a:hover {
  color: #00e676; /* Brighter green on hover */
}

/* Mastodon Structure Styling */
.mastodon-wrapper {
  max-width: 800px;
  margin: 2rem auto;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.05); /* Subtle light background */
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Futuristic shadow */
}

.status {
  background: #1e1e1e; /* Slightly lighter background for posts */
  padding: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 8px;
}

.status__content {
  margin-bottom: 1rem;
}

.status__meta {
  font-size: 0.9em;
  color: #9e9e9e; /* Lighter gray for metadata */
}

/* Interactive Elements */
button,
input[type="submit"] {
  background: #00c853;
  color: #fff;
  border: none;
  padding: 0.8rem 1.5rem;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.2s ease;
}

button:hover,
input[type="submit"]:hover {
  background: #00e676;
}

/* Subtle Animations */
.status:hover {
  transform: translateY(-2px); /* Slight lift on hover */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Enhanced shadow */
}

.status__content a:hover {
  text-decoration: underline;
}