.header {
  font-size: 15pt;
  background-color: #27c6ee;
  border-radius: 9px;
  height: 130px;

}

.header button {
  background-color: rgb(194, 172, 255);
  font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
  padding: 40px;
  border-radius: 8px;
  right: 10pt;
  font-size: 15pt;
  margin-top: 10px;
}

.header button:hover {
  font-size: 15pt;
  background-color: rgb(210, 255, 255);
}

h1{
  font-size: 40pt;
}

.login{
  font-size: 14pt;
}
.login form { 
  background-color: #fff; 
  padding: 20px; 
  border-radius: 5px; 
  max-width: 400px; 
  margin: auto; 
  box-shadow: 0 0 10px rgba(0,0,0,0.1); 
} 
.login label { 
  font-weight: bold; 
} 
.login input[type="text"],input[type="password"],input[type="number"]{ 
  width: 80%; 
  padding: 10px; 
  margin: 10px 0; 
  border-radius: 5px; 
  border: 1px solid #ccc; 
} 
.login input[type="submit"]{ 
  background-color: #28a745; 
  color: white; 
  padding: 10px 15px; 
  border: none; 
  border-radius: 5px; 
  cursor: pointer; 
} 
.login input[type="submit"]:hover { 
  background-color: #218838; 
}