@charset "utf-8";
/* CSS Document */

/* Base styles */
body {
	font-family: Arial, sans-serif;
	font-size: 14px;
}

/* Header styles */
header {
	background-color: #333333;
	padding: 20px;
	text-align: center;
}

/* Section styles */
section {
	margin: 20px;
}

/* Footer styles */
footer {
	background-color: #333333;
	padding: 10px;
	text-align: center;
}

/* Element selector */
h2 {
	color: black;
}

h1 {
	color: green !important;
}

p {
	color: red;
}
/* Class selector */
.highlight {
	background-color: orange;
	padding: 4px;
	color: white;
}

/* ID selector */
#header {
	border-bottom: 2px solid orange;
}

/* Attribute selector */
a[href^="mailto:"] {
	color: orange;
}

/* Pseudo-class selector */
a:hover {
	color: white;
}

/* Pseudo-element selector */
p::first-line {
	font-weight: bold; 
}

/* Combinator selector */
header + main {
	border-top: 1px solid gray;
}