body {
  margin: 0;

}


[data-grammatical=false]{
  border: 1px solid hsl(349.5, 100%, 95.6%);
  background:  hsl(349.5, 80%, 90.6%);
  border-radius: .2em;
  box-shadow: -5px 5px 6px hsla(349.5, 20%, 65.6%, .5);
}

.sentence {
  padding: 1em;
}
.results {
  scroll-margin-top: 20rem;
}
header {
  background:hsl(349.5, 25%, 35.6%);
  position: fixed;
  top: 0;
  width: 100%;
}

header label {
  color: white;
}

header form {
 margin:2em;
  display: flex;
  gap: .5em;
  justify-content: stretch;
}


header input[type=search] {
  flex: 1;  
}