@charset "utf-8";

/*
	Classwork Assignment - Creating a Homepage
	Version - First Time Ever
	Build Your Home Page

	Style Sheet for the Workout Warrior page
	Author: Cortney Bazemore
	Date: 03/08/2026

	Filename:cort_grid.css

*/

/* HTML and Body Style */

html {
	background-color: rgb( 52, 165, 203);
	font-size: 20px;
}

body {
	background-color: rgb(215, 212, 217);
	padding: 20px; 	
	border: 2px solid black;
	margin: 25px;
	box-shadow: inset rgb(71, 71, 71) -10px -10px 25px,
	inset rgb(71, 71, 71) 10px 10px 25px;


header {
	border: 2px solid black;
	text-align: center;
	font size: 200em; 
	font-family: Baskerville, "Palatino Linotype", Palatino, 
	             "Century Schoolbook", "Times New Roman", serif;
	text-shadow: white -10px -5px 6px,
					gray 3px 4px 6px;
	
}

footer {
	text-align: center;
	background-color: rgb(0, 0, 0);
	color: white;
	border-radius: 10px;
}


/* Article Styles */

article	 h1	{
	background-color: white;
	border: 1px dashed black;
	border-radius: 10px;
}

article > figure {
	text-align: center;
	
}
	

article h2 {
	background-color:white;
	border: 1px dashed black;
}
	


/* Aside Styles */

aside h1 {
	background-color: white;
	border: 1px solid black;
	 
}

aside {
	width: 30%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	float: bottom;
	background: rgb(215, 212, 217);
	border: 2px solid black;
	border-radius: 20px;
	box-shadow: inset rgb(71, 71, 71) -10px -10px 25px,
	inset rgb(71, 71, 71) 10px 10px 25px;
}

dd {
	color:red;
	font-weight: bold;
}


/* Image */

img {
	max-width: 100%;
	height: auto;
}