/* Jessom Selmanllari
    ITWP1050
    Styles sheet for homework 3
*/

/* Sets the background image*/
.header {
    background-image: url(images/paper.png);
    background-size: 100% 100%;
    height: 200px;
    width: 2000px;
    background-position: 50%;
    background-repeat: no-repeat;
}

/* Sets background gradient */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background: radial-gradient(circle at bottom, #fff57b, #ffe469 4%, #fecc51 8%, #fcb033 16%, #fa961b 20%, #fa8607 24%, #ffffff 28% );
}

main {
    padding: 2rem;
}

/* Web font added using @font-face property */
@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/lobster/v30/neILzCirqoswsqX9zoKmMw.woff2) format('woff2');
    
}

h1 {
    font-family: 'Lobster', Arial, sans-serif;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    letter-spacing: 2px;
    font-variant: small-caps;
    white-space: nowrap;
    font-size: 2.5rem;
    text-align: center;
    color: #333;
    line-height: 5;
}

/* 3. Paragraph spacing with line-height */
p {
    line-height: 2;
    font-size: 1.05rem;
    color: #222;
}

/*image styling */
#image1 {
    margin-right: auto;
    display: block;
    border: 5px solid #000000;
    border-radius: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    max-width: 90%;
    height: auto;
}
#image2 {
    margin-left: auto;
    margin-top: -15em;
    display: block;
    border: 5px solid #000000;
    border-radius: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    max-width: 90%;
    height: auto;
}

footer {
    text-align: center;
}