Tea Cozy Header

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:

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


    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;

    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;

    align-items: center;