.bg-custom-nav
{
	background-color: #2a61ff;
	background-image: linear-gradient(270deg,#4071ff 10%,#2a61ff 90%,#1b56ff 100%);
	background-size: cover;
}
#wrapper
{
	min-height: 100vh;
}
#Debug
{
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
	position: fixed;
	max-height: 40%;
	width: 100%;
	bottom: 0;
	height: 2em;
	transition: height 0.3s ease;
	background: #fff;
}
#Debug #DebugContent
{
	flex-grow: 1;
	overflow-y: auto;
}
#Debug:hover
{
	height: 40%;
}

.form-floating
{
	position: relative;
}
	.form-floating > input, .form-floating > textarea
	{
		padding-top: 1rem;
		padding-bottom: 1rem;
		height: auto;
		transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
	}
		.form-floating > input::placeholder, .form-floating > textarea::placeholder {
			color: transparent;
			text-shadow: none;
		}
		.form-floating > input:focus, .form-floating > input:not(:placeholder-shown),
		.form-floating > textarea:focus, .form-floating > textarea:not(:placeholder-shown)
		{
			padding-top: 1.30rem;
			padding-bottom: 0.70rem;
		}
	.form-floating > label
	{
		position: absolute;
		left: .75rem;
		top: 1rem;
		transition: top 0.3s ease-in-out, font-size 0.3s ease-in-out;
	}
		.form-floating > input:focus ~ label, .form-floating > input:not(:placeholder-shown) ~ label,
		.form-floating > textarea:focus ~ label, .form-floating > textarea:not(:placeholder-shown) ~ label
		{
			top: 0.50rem;
			font-size: .8rem;
		}