/* 
	Name:Christopher Millen
	Course: ITWP 1050
	Description: This is the style sheet for the Great Gatsby Summary Page

 */

/*setup up for the web font on the site */
@font-face {
    font-family: 'Playfair Display';
    src: url('Fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype');
    src: url('Fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

/* Styling for the body of the page */
body{
	margin: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	background: linear-gradient(20deg, #f3f4f7 0%, #e2e2e2 50%, #dcdcdc 100%);
    

/*Color for every element on the page via the univeral selector*/
*{
	color: #808080;
}

/*Styling for the footer on the page */
footer{
	margin-top: 50px;
	margin-bottom: 50px;
}

/*Styling for the image on the page */
img{
	border: 1px solid black;
	border-radius: 10px;
	width: 300px;
	height: 300px;
}

/*Adding addition content to anchor and styling the color*/
.page_link::after{
	content: '(External)';
	color: #F7CF1D;
}


/*styling for paragraphs to increase line height */
p{
	line-height: 1.8;
}

/*styles for the heading of the page */
h1{
	font-family: 'Playfair Display', Arial, sans-serif;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	letter-spacing: 4px;
	font-variant: small-caps;
	white-space: nowrap;
	background: linear-gradient(to right, transparent, rgba(247, 207, 29, 0.2), transparent);
    padding: 20px;
}