h1 {
color: white;
font-family: Arial, sans-serif;
}
/* Second-level heading */
h2 {
    color: darkblue;
    font-size: 24px;
}

/* Third-level heading */
h3 {
    color: blue;
    font-size: 20px;
}
p {
color: green; font-size: 18px;
font-family: Verdana, sans-serif;
}
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4; color: #733;
margin:0;
}
header {
background-color: #007BFF;
color: white; padding: 10px; text-align: center;
}
/* Navigation links */
nav a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
	/*Applies 0 margin vertically and 15px horizontally.*/
}

/* Navigation links when mouse hovers */
nav a:hover {
    color: yellow;
    text-decoration: underline;
}

/* General hyperlink styling */
a {
    color: green;
}

/* General hyperlink hover effect */
a:hover {
    color: red;
}

/* Main content */
main {
    background-color: white;
    padding: 20px;
    margin: 20px;
	/*Padding is space inside an element. Margin is space outside an element.*/
}



/* Section styling */
section {
    background-color: #e6f2ff;
    padding: 15px;
    margin-top: 20px;
    border: 1px solid lightblue;
	/*Creates a 1-pixel-thick, solid, light-blue border.*/
}
 footer {
background-color: #333; color: white;
text-align: center;
padding: 10px;
position: fixed; bottom: 0;
width: 100%;
}
/* Footer paragraph */
footer p {
    color: white;
}
article header{
background-color:lightyellow;
color:black;
padding:15px;
text-align:left;
border:2px solid orange;
}