style.css

/* This is comment in CSS */

/* web font example usig fonts.google.com */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

/* CSS SYNTAX TERMINOLOGY
p is the CSS SELECTOR; color is CSS style property; dark blue color is the CSS property's value; and "color:#00008f;" is the CSS style declaration
*/

p {
	color:#00008f;
	background-color:#f0d4ad;
	/* Font Stack - first selection is the preferred font, followed by our fallback font options. */
	font-family: Tahoma, Verdana, sans-serif;
}

/* We can target multiple selectors by comma-separating them*/
h1, h2 {
	color:darkgreen;
	text-align: center;
	/* using the Google Font we imported */
	font-family: 'Nanum Gothic', sans-serif;
}

ul {
	background-color:pink;
	list-style-type:circle;
}

/* .section targets all elements of class named "section" */
.section {
	/* 'margin:auto; centers elements horizontally relevant to its container. width will make the element a certain width on the page.' */
	margin:auto;
	width:80%;
	background-color: #ffff38;
	border: solid 20px #575700;
}
/* #bold targets one element named "bold" */
#bold {
	font-weight: bold;
}