.text-red-300 {
	--text-opacity: 1;
	color: #feb2b2;
	color: rgba(254, 178, 178, var(--text-opacity));
}
.text-center {
	text-align: center;
}
.bg-dark {
	--bg-opacity: 1;
	background-color: #121212;
	background-color: rgba(18, 18, 18, var(--bg-opacity));
}
.label {
	--text-opacity: 1;
	color: #f7fafc;
	color: rgba(247, 250, 252, var(--text-opacity));
	text-transform: uppercase;
	font-size: .75rem;
	font-weight: 700;
	margin-left: 5px;
}
body {
	min-height: 100vh;
}
.control {
	margin-left: 0.25rem;
}
.hover\:bg-red-800:hover {
	--bg-opacity: 1;
	background-color: #9b2c2c;
	background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.bg-red-900 {
	--bg-opacity: 1;
	background-color: #742a2a;
	background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.section {
	max-width:1000px;
	margin: auto;
}
.card {
	--bg-opacity: 1;
	background-color: #1a202c;
	background-color: rgba(26, 32, 44, var(--bg-opacity));
	margin-top: 5px;
}
.card p, .card strong, .card .field, ::marker, .card h1, .card h2, .card h3, .card li, .markdown, #apiInfo {
	--text-opacity: 1;
	color: #f7fafc;
	color: rgba(247, 250, 252, var(--text-opacity));
}
.card span, .card a {
	--text-opacity: 1;
	color: #f56565;
	color: rgba(245, 101, 101, var(--text-opacity));
}
.card-content {
	padding: 0.5rem;
}
.card .reddit-title {
	--text-opacity: 1;
	color: #f7fafc;
	color: rgba(247, 250, 252, var(--text-opacity));
	font-weight: bold;
}
.flex{
	display: flex
}
.content blockquote {
	background-color: unset;
}
.field:not(:last-child) {
	margin-bottom: 5px;
}
.field .button {
	margin-top: 10px;
}

label.checkbox.label {
	margin-top: 5px;
}

.button.is-danger.is-small {
	font-size: 8px;
	margin-top: 2px;
	margin-left: 5px;
	padding: 6px;
	background-color: #f56565;
}