/* CSS files add styling rules*/
/* CSS Updated by Myeisha Lee*/

* {
  box-sizing: border-box; margin: 0; padding: 0;
}

/* Body Styling */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 30px;
    line-height: 1.6;
    background-color: #F1EDF7; /* light lavendar background */
}

/*adjust header 1 by changing font, text color to white, and centers the text */
h1 {font-family: Arial, sans-serif; color: black; text-align: center;}

/* Subheadings */
h2, h3 {
    font: italic normal 1.4em georgia, sans-serif;
    letter-spacing: 1px; 
    color: #6a2ca0;
    margin-bottom: 10px;
    }
	

/* Header styling */
header {
	text-align: center; margin-bottom: 30px; font-size: 30px; font-family: "Bree Serif", serif; font-weight: 400; font-style: normal; padding: 30px; background-color: white;   border: 10px groove purple;
}
  
  /* standard all paragraph font size */
  p {
    font-size: 16px;
  }

/* Layout wrapper */
section {
    display: flex;
    flex-direction: column;
    margin: auto;
}

/* Sidebar on the LEFT */
.sidebar {
    width: 25%;
    padding: 20px;
    background: #dedede;
    border-right: 3px solid #7a3db8;
}



a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: green;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover, a:focus, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

sidebar {
	margin-left: 600px; 
	position: absolute; 
	top: 0; 
	right: 0;
	}

/* Footer */
footer {
    margin-top: 25px;
    padding-top: 12px;
    border-top: 2px solid #7a3db8;
    text-align: center;
}