.heading
{
	font-size: 4rem;
	font-weight: 600;
	text-align: center;
}

.menu
{
	display: flex;
	justify-content: center;
	margin: 2rem;
	padding: 2rem;
}

.create-reg-btn,
.edit-reg-btn
{
	background-color: rgba(52, 32, 80, 0.65);
	border-radius: 8px;
	margin: 12px;
	padding: 32px;
}

.fas
{
	color: white;
	font-size: 4rem;
}

button
{
	all: unset;
	cursor: pointer;
	padding: 0.5rem;
	border-radius: 0.45rem;
}

button h4
{
	font-size: 2.5rem;
}

button span { font-size: 1.5rem; }

.hidden { opacity: 0; pointer-events: none; }

#secret-popup
{
	display: flex;
	flex-direction: column;

	background-color: rgba(72, 52, 94, 0.75);
	backdrop-filter: blur(16px);
	position: fixed;
	top: 50%;
	z-index: 9999;
	left: 50%;
	transform: translate(-50%, -50%); /* offset by half its own size */
	padding: 1rem 2rem;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#secret-popup h6,
#secret-popup h3
{
	font-family: "Montserrat", sans-serif;
}

.form-container input
{
	all: unset;
	color: white;
	background: rgba(72, 52, 84, 0.75);
}

.form-container footer
{
	text-align: center;
	color: white;
	font-size: 0.2rem;
}

.form-container
{
	background-color: rgba(62, 42, 84, 0.65);
	padding: 32px;
	border-radius: 8px;
}