.container
{
  display:flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.login
{
  width: 300px;
  
  border-radius: 10px;
  box-shadow:2px 2px 5px lightgray;
  transition: background-color 0.3s;
  padding:10px;
  background-color:rgb(240, 240, 240);
}

#logo
{
  width: 300px;
  margin-bottom:10px;
  box-shadow:  4px 4px 10px gray;
  border-radius: 10px;
  background-color:black;
  padding:10px;
}

#logo img
{
  width:300px;
  border-radius: 10px;
}

.login:hover
{
  background-color:rgb(240, 240, 240);
}


.login>*
{
  display: block;
  margin-bottom: 10px;
}

.login [type=header]
{
  margin-bottom:0px;
  padding: 10px 0px;
}

.login [type=text],
.login [type=password]
{
  width:100%;
  font-size:1em;
  height:2em;
  
  border: 1px solid gray;
  border-radius: 5px;
  padding: 0px 5px;
  box-shadow: 1px 1px 2px lightblue;
  transition: box-shadow 0.3s;
}

.login [type=text]:hover,
.login [type=password]:hover
{
  box-shadow: 1px 1px 2px orange;
}

.multi-scat_header
{
  font-size:1.5em;
  text-align: center;
}