/* html,
body {
  height: 100%;
} */

/* html {
  width: 100%;
  height: 100%;
} */

/* body {
  font-family: sans-serif;
  line-height: 1.4;
  display: flex;
} */

.container {
  position: relative;
/*     top:50%;
  left:50%;
  transform:translate(-50%, -50%); */
  max-width: 400px;
  margin: auto;
  padding: 36px 48px 48px 48px;
  background-color: #f2efee;

  border-radius: 11px;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.15);
border:1px solid black;
}

.jhgetr554e-title {
padding: 15px;
font-size: 22px;
font-weight: 600;
text-align: center;
}

.jhgetr554e-form {
display: grid;
grid-template-columns: 1fr;
row-gap: 16px;
}

.jhgetr554e-form label {
display: block;
margin-bottom: 8px;
}

.jhgetr554e-form input {
width: 100%;
padding: 1.2rem;
border-radius: 9px;
}

.jhgetr554e-form input:focus {
outline: none;
box-shadow: 0 0 0 4px rgba(253, 242, 233, 0.5);
}

.kfghjtysetfftgwe--form {
background-color: #0071c1;
color: #fdf2e9;
align-self: end;
padding: 8px;
}

.kfghjtysetfftgwe,
.kfghjtysetfftgwe:link,
.kfghjtysetfftgwe:visited {
display: inline-block;
text-decoration: none;
font-size: 20px;
font-weight: 600;
border-radius: 9px;
border: none;
cursor: pointer;
font-family: inherit;
transition: all 0.3s;
}

.kfghjtysetfftgwe--form:hover {
background-color: #003b6e;
}

.li{
text-decoration:none;
}

.li:hover{
text-decoration:underline;
}