body {  background-color: #f0f4f8; }

.navbar { min-height:50px; font-size:16px; background-color:#2c3e50 !important; }

.sekcja1
{
	height:auto; width:auto; text-align:left;
	border-color:#2c3e50; border-width:1px;
	margin-top:60px; margin-left:5px; margin-right:1px;	margin-bottom:5px;
	font-size:18px;
}

.page-footer
{
	height:auto; width:auto; font-size:13px;
	color:#ffffff !important;                                                  /* !important -- nadpisuje jasny kolor tekstu narzucony przez klasę bg-light Bootstrapa */
	background-color:#2c3e50 !important;                                       /* !important -- nadpisuje jasne tło narzucone przez klasę bg-light Bootstrapa */
	border:none;
	margin-left:1px; margin-right:1px; margin-bottom:1px;
	padding:10px;
	text-align:center;
}

/* Formularz logowania i rejestracji -- wzorowany na przykładzie "Sign-in" z dokumentacji Bootstrap 5,
   wyśrodkowany w pionie i w poziomie na dostępnej wysokości ekranu (między navbarem a stopką) */
.form-signin
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 110px);                                           /* 110px -- przybliżona wysokość navbaru + stopki */
	padding: 70px 1rem 2rem 1rem;                                              /* górny odstęp uwzględnia wysokość navbaru (position:fixed) */
}

.form-signin form
{
	width: 100%;
	max-width: 400px;
	background-color: #ffffff;
	padding: 2.5rem 2rem;
	border-radius: 14px;
	box-shadow: 0 10px 35px rgba(0,0,0,0.15);
	text-align: center;
}

.form-signin .form-floating:focus-within { z-index: 2; }

.form-signin input[type="text"]
{
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"]
{
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* trzy pola pod sobą (login, hasło, powtórz hasło): środkowe bez zaokrągleń */
.form-signin input[type="password"].srodek
{
	margin-bottom: -1px;
	border-radius: 0;
}