body { font-family: Helvetica, Arial, sans-serif
}

header {
    display: flex; /*put things side by side */
    background-color: rgb(18, 101, 219);
    height: 2rem; /* 1rem = 16px */
    line-height: 2rem; /* line of text = height = vertically centered text */
    color: rgb(255, 255, 255); /* text color */
    border-bottom: 4px solid #040354; /* width + type + color */
 }

 h1 { 
    font-family: "Honk", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  margin: 1rem; /* whitespace on all sides */
  line-height: 1.2; /* leading */
  font-variation-settings:
    "MORF" 15,
    "SHLN" 50;
 }

 header p {
  font-family: "Honk", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  margin-left: 1rem;
 }