@charset "utf-8";
/*
   
   Filename: layout_bc.css

   This file design style used by Brianna Deirth 
   portfolio index, project, and contact pages.
	
	Author: Brianna Deirth
    Date: 03/11/2023  
    Filename: layout_bc.css

*/


/* =============================================
	Base styles used by All Screens
   =============================================
*/
html {
   width: 100%;
   height: 100%;
   background-color: gray;
   background-image: url("background.jpg");
   background-size: cover;
}


body {
	background-color: rgb(238, 238, 238);
	width: 60%;
	min-width: 350px;
    max-width: 900px;
	min-height: 100%;
    margin: 0px auto;
}

html, body {
	margin: auto;
}

header, h1 {
   font-family: Georgia, "Times New Roman", Garamond, serif;
   font-size: 4.0em;
   color: black;
   letter-spacing: 0.12em;
   text-align: center;
   background-color: rgb(156, 89, 140);
   line-height: 1.0em;
   background-size: cover;
}

 h2 {
   font-family: Georgia, "Times New Roman", Garamond, serif;
   font-size: 4.0em;
   color: black;
   letter-spacing: 0.12em;
   text-align: center;
   background-color: rgb(156, 89, 140);
   line-height: 1.0em;
}

 h3 {
   font-size: 1.6em;
   color: black;
   font-family: "Cascadia Code", "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
   text-align: center;
   background-color: rgb(245, 238, 244);
}
	
	
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
   list-style-type: none;
}

/* Navigation Styles */
nav {
   background-color: rgb(128, 128, 128);
   height: auto;
}

nav ul {
   list-style-type: none;
   color: black;
   font-family: Arial, Verdana, Tahoma, "Trebuchet MS", "sans-serif";
   font-size: 2.5em;
   text-align: center;
   text-transform: uppercase;
   margin: 0;
   padding: 10px 0;
}

nav ul li {
	text-align: center;
	margin: 0 10px;
	color: black;
}



/*Article Styles*/
article h1 {
   font-family: "Cascadia Code", "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
   font-size: 1.6em;
   color: black;
   letter-spacing: 0.12em;
   text-align: center;
   background-color: rgb(238, 238, 238);
}

article h2 {
   font-size: 1.6em;
   color: black;
   font-family: "Cascadia Code", "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
   margin: 0px 0px 0px 405px;
   letter-spacing: 0.12em;
   background-color: rgb(245, 238, 244);
}

article img {
   display: block;
   float: left;
   width: 50%;
   margin: 0px;
}

article p {
   font-size: 1.6em;
   color: black;
   font-family: "Cascadia Code", "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
   text-align: left;
   background-color: rgb(245, 238, 244);
}

article ul li {
	text-align: center;
	color: black;
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", "sans-serif";
	background-color: rgb(238, 238, 238);
	font-size: 1.6em;
	text-decoration: underline;
}

/* Body Footer Styles */

body > footer {
	background-color: rgb(206, 172, 198);
	text-align: center;
	color: black;
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", "sans-serif";
	font-size: 1.3em;
	line-height: 3em;
	margin-top: auto;
	padding: 0;
	display: inline-block;
}