*,*::after,*::before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
  background-color: rgb(0, 132, 255);
  font: 400 1rem arial;
}

header{
  color: white;
  text-align: center;

  & h1 {
    margin-block: 1rem;
  }
}

section{
  background-color: white;
  border-radius: 0.625rem;
  padding: 0.8rem;
  width: 500px;
  margin: auto;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.356);
  display: grid;
  gap: 0.5rem;

  & .input_wrapper{
    display: grid;
    grid-auto-flow: column;
    width: 350px;
    gap: 0.5rem;
  }

  & input {
    padding-left: 0.3rem;
    border-radius: 0.3rem;
    border: none;
    outline: 1px solid black;
  }
}

footer{
  color: white;
  text-align: center;
  font-style: italic;
  margin-block: 1rem;
}