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

header {
display: flex; /* put things side by side*/
background-color: darkred;
height: 2rem; /* 1rem = 16px */
line-height: 2rem; /* line of text = height = vertically centered text */
color: white; /* text color */
border-bottom: 4px solid black; /* width + type + color */
}
h1 {
    font-family: "Macondo", cursive, 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: "Macondo", cursive, system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    margin: 1rem; 
    line-height: 0.25; 
}

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