html,
body {
   
}

body {
    background-color: #f5f5f5;
}

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

footer a {
    text-decoration: none;
}

footer img {
    filter: grayscale(1);
    opacity: 0.7
}
footer a:hover img{
    filter:none;
    opacity:initial
}
span.field-validation-error{
    display: block;
}
main{
	background-color: white;
	width: 100%;
}
p{
	font-size:110%;
}
@media (min-width: 768px) {
	main{
		max-width: 720px;
		padding-left:20px;
		padding-right:20px;
	}
}
h1{
	color: #212062;
}
.header > div{
	background-color: #212062
}
.header span{
	color: white;
	text-align: center;
	line-height: 100px;
}
.header img{
	height:100px;
}
@media (min-width: 768px) {
	.header span, .header img{
		height: 130px;
		line-height: 130px;
	}
}
		
.header2 img{
	max-width: 100%;
}

.form-control:focus{
  border-color: #e4156a;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(238, 21, 106,.25);
  

}
.btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #e4156a;
  --bs-btn-border-color: #e4156a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ce135e;
  --bs-btn-hover-border-color: #ce135e;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ce135e;
  --bs-btn-active-border-color: #ce135e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e4156a;
  --bs-btn-disabled-border-color: #e4156a;
}