@font-face {
  font-family: "Roboto";
  src: url('../knos_frontend/src/static/font/Roboto-Light.ttf');
}

body {
  font-family: "Roboto";
}

.pageLogin{
  display: flex;
    height: 96vh;
    padding: 1em;
    margin: -1em;
    justify-content: space-around;
    align-items: center;
    background: rgb(73, 129, 234);
}

.containerForm{
  border: 1px solid #979797;	
  border-radius: 5.5px;	
  box-shadow: 0 0 3px 2px rgba(0,0,0,0.15);
  background: white;
  flex-grow: 1;
  max-width: 40%;
}

.containerForm p{
  font-size: 2em;
  font-weight: bold;
  letter-spacing: 2.5px;	
  line-height: 25px;	
  text-align: center;
  margin-bottom: 0;
  padding: 0.5em 1.2em;
}

.containerForm form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

@media screen and (max-width: 425px) {
  .containerForm form {
   font-size: 2em;
  }
}





.login{
  display: flex;
  flex-direction: column;
  padding: 2em;
}
.login input {
  margin: 0.8em;
  padding: 1.4em;
  font-size: 1.1em;
  background: #EBEBEB;
  border: none;
  border-radius: 2.2px;
}
.help{
  margin: 0 1em;
  color: red;
}
#submit_login{
  background: #4A81EA;
  margin: 2em;
  margin-top: 1em;
  padding: 1em;
  color: white;
  font-size: 1.3em;
  border: 1px solid #979797;
  border-radius: 5.5px;
  box-shadow: 0 0 3px 2px rgba(0,0,0,0.15);
}