@charset "utf-8";

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

html {
	max-height: auto;
}

/* Body Styles */

body{
	width: 100%;
	min-width: 600px;
	max-width: 1024px;
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(4, auto);
	grid-template-areas: "header header header"
						 "Chief Spyro Werewolf"
						 "footer footer footer"
						 "nav 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.Chief {
	grid-area: Chief;
	transform: scale(0.3, 0.3);
}

section.Spyro {
	grid-area: Spyro;
	transform: scale(0.3, 0.3);
}

section.Werewolf {
	grid-area: Werewolf;
	transform: scale(0.3, 0.3);
}

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

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