.login-pf body {
	background-image: url(../background.jpg);
}

div.kc-logo-text {
	background-position: center;
	background-image: url(../logo.png);
	padding: 4px;
	border-radius: 10px;
}

.login-pf-page .card-pf {
	background: transparent;
	border: 0;
	backdrop-filter: blur(9px);
	color: #fff;
	border-radius: 10px;
}

#kc-form-options .checkbox, .login-pf-page .card-pf p, #kc-social-providers {
	color: #fff;
}

.login-pf a, .login-pf a:hover {
	color: #fff;
}

.pf-c-form-control, .pf-c-input-group {
	border-radius: 5px;
	background-color: rgba(255,255,255,0.3);
	border: 0px;
	box-shadow: inset 0 0 3px #000;
}

.pf-c-input-group .pf-c-form-control, .pf-c-input-group .pf-c-button.pf-m-control {
	background: transparent;
	box-shadow: none;
}

.pf-c-input-group .pf-c-button.pf-m-control, .pf-c-button.pf-m-control.kc-social-item {
	--pf-c-button--after--BorderWidth: 0;
}

.pf-c-button, .kc-social-item {
	border-radius: 3px;
}

.login-pf a.kc-social-item:hover {
	color: #000;
}