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

header {
    display: flex; /* put things side by side */
    background-color: #db5d1e; /* fill */
    height: 2rem; /* 1rem = 16px */
    line-height: 2rem; /* line of text = height = vertically centered text */
    color: white; /* text color */
    border-bottom: 4px solid #5a4434; /* width + type + color */ 
} 

h1 {
    font-family: "Fascinate", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    margin: 1rem; /* white space on all sides */
    line-height: 1.2; /* leading */
}

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

















































/* 




header img {
    width: 4.5rem;
    height: 2rem;
}

nav { margin-bottom: 4rem;}



main {padding: 1rem 1rem 1rem 2rem;}

main ul {list-style-type: square;}

main ul li {
    margin: 0 0 0.5rem 0;
}

footer {
    background-color: #d2691e;
    height: 4rem;
    line-height: 4rem;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 4rem;
} */