body {
    background: #F8F9FC;
    background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 75vh;
	flex-direction: column;
}

*{
	font-family: sans-serif;
	box-sizing: border-box;
}

form{
    width: 420px;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    border-top: 4px solid #4A44FF;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
       height:auto; 
}
@media(max-width:768px){
  form{
    width: 320px;
  }
  button{
      margin-right:10px !important;
  }
}
h2 {
	text-align: center;
	margin-bottom: 10px;
	color:#423f3f;
	line-height:25px;
}
.welcome-msg{
    text-align:center;
    line-height:22.5px;
}
input {
	display: block;
	height:40px;
	width:95%;
	padding:10px 10px;
	border-radius:5px;
	border:1px solid #ddd;
	margin:0 auto;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    line-height: 1.5rem;
    margin-top:10px;
}
input:focus-visible {
	outline: none;
	box-shadow: 1px 1px 10px 1px #d4d4d4;
}

label{
    padding-left:10px;
    font-size:14px;
}	


button {
	float: right;
	background: #4A44FF;
	padding: 10px 15px;
	color: #fff;
	margin-right: 15px;
	border: none;
	width:95%;
	font-size: 0.8rem;
    border-radius: 5px;
    padding: 0.75rem 1rem;
    margin-top: 25px;
}
button:hover{
	opacity: .7;
	cursor:pointer;
	transition:1s;
}
.error {
   background: #F2DEDE;
   color: #A94442;
   padding: 10px;
   width: 95%;
   border-radius: 5px;
   margin: 20px auto;
}

h1 {
	text-align: center;
	color: #fff;
}

a {
	float: right;
	background: #555;
	padding: 10px 15px;
	color: #fff;
	border-radius: 5px;
	margin-right: 10px;
	border: none;
	text-decoration: none;
}
a:hover{
	opacity: .7;
}
a.new_acc {
    background: unset;
    color: #2644b4;
    font-size: 12px;
    text-decoration: underline;
    float: left;
}
.bottom-copyright {
    display: block;
    bottom: 0;
    position: absolute;
}
.bottom-copyright p {
    font-size: 12px;
    color: #858796;
    width: 100%;
    text-align: center;
}
.ambre {
   
    position: relative;
    font-size: 20px;
    font-weight: 800;
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-bottom:20px;
}
.ambre strong {
    font-weight: 700;
    color: #282787;
    font-size:32px;
}