button.rounded-full.transition-colors.group.relative {
  display: none !important;
}

.bg-border\/50 {
  display: none !important;
}

header,
footer {
  display: none !important;
}

#global > div.relative > main > div > div.container.mx-auto.px-4.py-8.max-w-7xl > div.mb-6 > div.flex.items-center.justify-between.mb-6 {
  visibility: hidden !important;
  height: 46px !important;
  width: 80rem !important;
  max-width: 100rem !important;
}

#global > div.relative > main > div > div.container.mx-auto.px-4.py-8.max-w-7xl > div.mb-6 > div.flex.flex-col.lg\:flex-row.gap-3.lg\:gap-4.p-3.sm\:p-4.bg-card.rounded-lg.border {
  display: none !important;
  height: 0px !important;
}

#global > div.relative > main > div > div.container.mx-auto.px-4.py-8.max-w-7xl > div.mb-6 > div.flex.items-center.justify-between.mb-6::after {
  content: "een.today ~ uptimes" !important;
  visibility: visible !important;
  top: 1ch !important;
  position: absolute !important;
  left: calc(50% - 8ch) !important;
  margin: auto !important;
  color: white !important;
  font-size: xx-large !important;
  justify-content: center !important;
}

#social {
  display: none !important;
}

div.relative.w-full canvas {
  filter: hue-rotate(100deg) contrast(120%) !important;
}

:root {
  --background: 0 0% 0% !important;

  --card: 0 0% 0% !important;
  --card-foreground: 110 40% 98% !important;

  --popover: 0 0% 0% !important;
  --popover-foreground: 0 0% 100% !important;

  --primary: 0 0% 0% !important;
  --primary-foreground: 222.2 47.4% 11.2% !important;

  --secondary: 0 0% 0% !important;
  --secondary-foreground: 0 0% 100% !important;

  --muted: 0 0% 0% !important;
  --muted-foreground: 0 0% 100% !important;

  --accent: 0 0% 0% !important;
  --accent-foreground: 0 0% 100% !important;

  --destructive: 343 81% 75% !important;
  --destructive-foreground: 0 0% 100% !important;

  --border: 0 0% 40% !important;
  --input: 0 0% 100% !important;
  --ring: 0 0% 100% !important;
}

/* gray */
.border-gray-200 {
  border-color: rgb(231 231 231) !important;
}

.border-gray-300 {
  border-color: rgb(221 221 221) !important;
}

.border-gray-400 {
  border-color: rgb(211 211 211) !important;
}

.border-gray-500 {
  border-color: rgb(201 201 201) !important;
}

.bg-gray-50 {
  background-color: rgb(191 191 191) !important;
}

.bg-gray-200 {
  background-color: rgb(181 181 181) !important;
}

.bg-gray-300 {
  background-color: rgb(171 171 171) !important;
}

.bg-gray-400 {
  background-color: rgb(161 161 161) !important;
}

/* red */
.border-red-200 {
  border-color: rgb(243 139 168 / 0.35) !important;
}

.border-red-500 {
  border-color: #f38ba8;
}

.border-red-600 {
  border-color: #eba0ac;
}

.bg-red-50 {
  background-color: rgb(243 139 168 / 0.12) !important;
}

.bg-red-100 {
  background-color: rgb(243 139 168 / 0.20) !important;
}

.bg-red-400 {
  background-color: color-mix(in oklab, #f38ba8 90%, #000) !important;
}

.bg-red-500 {
  background-color: #f38ba8;
}

.bg-red-700 {
  background-color: color-mix(in oklab, #f38ba8 58%, #000) !important;
}

/* green */
.bg-green-50 {
  background-color: rgb(166 227 161 / 0.12) !important;
}

.bg-green-400 {
  background-color: color-mix(in oklab, #a6e3a1 90%, #000) !important;
}

.bg-green-500 {
  background-color: #a6e3a1;
}

.bg-green-700 {
  background-color: color-mix(in oklab, #a6e3a1 58%, #000) !important;
}

/* blue */
.border-blue-200 {
  border-color: rgba(137 180 250 / 0.35) !important;
}

.border-blue-500 {
  border-color: rgb(137 180 250) !important;
}

.border-blue-600 {
  border-color: rgb(116 199 236) !important;
}

.bg-blue-50 {
  background-color: rgb(137 180 250 / 0.12) !important;
}

.bg-blue-100 {
  background-color: rgb(137 180 250 / 0.20) !important;
}

.bg-blue-500 {
  background-color: rgb(137 180 250) !important;
}

/* yellow */
.border-yellow-500 {
  border-color: rgb(249 226 175) !important;
}

.bg-yellow-50 {
  background-color: rgb(249 226 175 / 0.12) !important;
}