@charset "utf-8";

/*
	Build Your Home page
	Web, Pgm, & Db Foundation
	Week 9
	
	Dragon Creations Human Portraits Stylesheet
	Author: Sarah McFarlan
	Date: 03/30/2025
	
	Filename: dc_humanPortraits.css
	
*/

html {
	max-height: auto;
}

/* Body Styles */

body{
	width: 100%;
	min-width: 600px;
	max-width: 1024px;
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: repeat(3, auto);
	grid-template-areas: "header header"
						 "Ayden Wayne"
						 "footer footer"
						 "nav nav";
	grid-gap: 10px;
	margin: auto;
	background: linear-gradient(black 10%, purple 40%, lightgrey 50%);

}

header {
	grid-area: header;
	text-align: center;
	font-size: 50px;
	color: white;
	font-family: "Brush Script MT";
}

/* Image Styles */

section.Ayden {
	grid-area: Ayden;
	transform: scale(0.5, 0.5);
}

section.Wayne {
	grid-area: Wayne;
	transform: scale(0.5, 0.5);
}

nav {
	grid-area: nav;
	text-align: center;
}

footer {
	grid-area: footer;
	text-align: center;
}