/*Rachel Spelich, ITWP1050, Homework 3 Assignment on Winnie-The-Pooh (Continued)*/

/* Header styling to include background image, size, position, text align, padding and height. Also included styling for the text within the header, including the font, shadow, color, variant, and spacing. */
.header {
    background-image: url(images/headerimages.png);
    background-size: contain;
    background-position: center;
    text-align: center;
    padding: 30px;
    height: 500px;
    font-size: 3em;
    line-height: .8em;
    letter-spacing: .1em;
    font-variant: all-small-caps;
    white-space: nowrap;
    
    font-family: 'cherrybombone-regular', Arial, Helvetica, sans-serif;
    text-shadow: 0px 3px 90px black;
    color: #4162e9;
}

/* Added font face for header from Google Fonts */
@font-face {
        font-family: 'cherrybombone-regular';
        src: url(font/CherryBombOne-Regular.ttf) format('truetype');
    }

/*body styling to include margins, font family and size and aligning text to center*/
body {
    margin: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    line-height: 20px;
}

/* Image styling to include border, border radius, padding, margin, width, height anf floating to the left */
img {
    border: 3px dotted #4162e9;
    border-radius: 10px;
    padding: 5px;
    margin-right: 20px;
    width: 20%;
    height: auto;
    float: left;
}


/*footer styling with background image/gradient and centered*/
.footer {
    background-image: linear-gradient(white, white, #a3afe0);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}