Tea Cozy Header

Language Help CSS
1

Hi guys,

I started the Tea Cozy project but am struggling a lot with the display and positioning of the header. If any of you guys have good hints please send them

My code:
HTML:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href = "style.css" />
  </head>
  <body>
    <div id = "header">
     <img id = "logo" src = "images/img-tea-cozy-logo.png" alt = "Image not found">
     <nav>
      <p>Mission</p>
      <p >Featured Tea</p>
      <p >Locations</p>
    </nav>
    </div>
  </body>
</html>

CSS:

*{
    font-family: Helvetica;
    background-color: black;
    font-size: 22px;
    color: seashell;
    opacity: 0.9;
}

#logo {
    height: 50px;
    text-align: left;
    float: left;
    background-color: transparent;
    margin-left: 10px;
}

#header{
    display: flex;
    position: fixed;
    padding-top: 9px;
    padding-bottom: 9px;
    background: black;
    width: 100%;
    height: 69px;
    z-index: 2;
    border-bottom: 1px solid seashell;
    justify-content: space-between;
    align-items: center;
    margin-top: -0.35em;
}

nav{
    align-items: center;
}

Thanks!