body {
    background-color: rgb(248 231 229);
    padding: 0%; /* no inner white space */
    margin: 0%; /* white space outside the box */
}
/* Semi transparent color: rgba(123, 145, 189, 0.5) */

header {
    background-color: rgb(250 217 213); /* fill */
    border: 5px solid #E3AEAE; /* stroke */
    margin: 0%; /* white space outside the box */
    padding-left: 850px; /* inner white space (pushing logo in */
    padding-top: 50px;
    padding-bottom: 50px;
}

img {
    width: 200px;
    height: auto; /* "auto" so it wont disort weirdly */
}
h1 {
    color: #E3AEAE;
    font-size: 72px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    /* font preference in descending order */
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    padding-left: 20px;
}

h2 {
    color: #E3AEAE;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    padding-left: 20px;
}

h3 {
    color: #E3AEAE;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    padding-left: 20px;
}

p {
    padding-left: 20px;
}

/* *{
border: 1px solid red,
padding: 1rem;
} */

footer {
    background-color: rgb(248 231 229); /* fill */
    margin: 0%; /* white space outside the box */
    padding-left: 900px; /* inner white space (pushing logo in */
    padding-top: 50px;
    padding-bottom: 10px;
}