@charset "utf-8";

/*
	
	Assignment: CSS of Homepage Working Navigation Link #1 (Kitty Corral) 
	A Pride's Daycare: Kitty Corral
	Connected to pd_KittyCorral.html
	
	Author: Angela Cary
	Date: 3/23/2026
	
	Filename: style2.css
	
	*/
	
	
	
	/* Body Styles */
	
body {
	
	display: block;
	text-align: center;
	width: auto;
	overflow: scroll;
	gap: 10px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: Cambria;
	width: 95%;
	max-width: 1000px;
	min-width: 320px;
	background-color: beige;
	
	
}

	
body > header {
		background-image: url('kittyHeader.jpg');
		overflow: hidden;
		width: 100%;
		height: 200px;
		
}

body > header > img {
	width: 100%;
	display: block;
	
}

	
body > header > h1 {
		font-size: 30px;
		text-align: center;
		background-color:rgba(154,20,23,1.00);
		color: white;
		
}





   /* Horizontal Navigation Styles */

nav.horizontalNavigation {
	background-color: transparent;
	padding: 10px 0;
}





nav.horizontalNavigation a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 8em;
	color: rgb(165,42,42);
	
}




nav.horizontalNavigation li {
	display: block;
	float: left;
	width: 20%;
}




nav.horizontalNavigation ul {
	list-style-type: none;
	display: flex;
	margin: 0;
	padding: 0px;
	justify-content: center;
	width: 100%;
}
	
		
		
	
	
	
	

   /* Article Styles */

article {

	border: 4px ridge gold;
	border-radius: 20px;	
	font-family: cursive;
	font-size: 0.9em;
	text-align: center;
	width: auto;
	
}




article > h1 {
	font-size: 1.5em;
	text-decoration: overline underline;

}




article > h2 {
	font-size: 1.5em;
	text-decoration: overline underline;
}











   /* List Styles */

dt {
	font-size: 1em;
	font-weight: bold;
	
}
	
	


	
	
	/* Aside Styles */
	
aside {
	float: left;
	font-family: Times New Roman, sans-serif;
	font-size: 1em;
	width: auto;
	
	border: 3px ridge red;
	border-radius: 20px;
	box-shadow: 0 0 10px red;
	line-height: 5px;
	padding: 20px;
	background-image: url('iconForMap.png');
	background-repeat: no-repeat;
	background-size: contain;
	text-decoration: none;
	background-color: white;
	

}
aside::after {
   clear: both;	
   content: "";
   display: table;
}



aside > a {
	display: block;
	color: black;
	font-weight: bold;
	text-align: right;
	margin-left: 50px;
	width: auto;
	text-decoration: none;
	font-weight: bold;
	
}







    /* Footer Styles */

footer {
	display: block;
	height: 100px;
	background-color: rgba(154,20,23,1.00);
	border-radius: 20px; 

}

footer > h1 > a {
	display: block;
	font-family: Times New Roman;
	align-content: center;
	float: center;
	color: yellow;
	font-size: 0.75em;
	text-decoration: underline;
	padding: 30px 0 0 0;
	

}


footer > h1 > img {
	width: 150px;
	height: 100px;
	align-content: left;
	float: left;
	border-radius: 5px;
}


footer > a::after {
		clear: both;
		content:"";
		display: table;
}