body{
  background-color: rgb(201, 222, 248);
}

h1 {
  display: flex;
  justify-content: center;
  margin-top: 5%;
  color: rgb(10, 22, 32);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: xx-large;
}

.search-boxes{
  margin-top: 5%;
  display: flex;
  justify-content: center;
}

form {
  display: grid;
  background: rgb(8, 11, 40);
  width: 30%;
  height: 30%;
  gap: 8px;
  padding: 80px;
  border-radius: 15px;
  box-shadow: 2px 3px 2px rgb(45, 58, 68);
}

label{
  display: table;
  width: 25%;
  padding: 5px;
  border-radius: 5px;
  color: rgb(226, 236, 245);
  font-weight: bold;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: x-large;
}

 input{
  padding: 8px;
  margin-bottom: 10px;
  width: calc(100% - 20px); 
}

 input[type=text]{
  background-color: rgb(226, 222, 186);
}

input[type=submit]{
  margin-top: 10px;
  background-color: rgb(101, 199, 178);
  border-color: rgb(80, 180, 143);
  border-radius: 4px;
  font-size: larger;
  box-sizing: inherit;
}