style.css

/*
h1{
	font-size: 80px;
}
*/

/*
header {
	color: red;
}

header h1, footer h1{
	color: blue;
}

header p, footer p{
	color: green ;
}
*/

/*
footer h1{
	color: blue;
}

footer h1 {
	color: green;
}

*/
/*
h1 {
	color: red;
}

#test1 {
	color: blue;
}

.test2 {
	color: green;
}


input[type="text"]{
	border: solid 10px red;
}

input[type="password"] {
	border: solid 10px blue;
}



.bg-1 {
	background-color: red;
}

.font-size-1 {
	font-size: 50px;
}

#color-1 {
	color: red;
}


#intro {
	color: red;
}

#intro .container p{
	color: blue;
}



#color-2 {
	clolor: pink;
}
.color-1 {
	clolor: green;
}
h1{
	clolor: red;
}

h1{
	color: blue;
}


#intro .container h1 {
	color: pink;
}
#intro div h1 {
	color: green;
}

#intro h1{
	color: blue;
}

#header h1 {
	color: red;
}



div	{
	width:  100%;
	height: 300px;

	min-width: 600px;
	max-width: 800px;

	border: solid 10px red;
	border-radius: 50px;

	background-color: yellow;

	opacity: 0.5;
}

h1 {
	color: #rgb(123,111,21);
	font-size: 80px;
	font-style:  initial;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 300;
	text-decoration: underline;
	text-align: right;

	background-color: pink;
}

a{
	text-decoration: none;
}


ul {
	list-style: none;
}

*/

#bg{
	width: 900px;
	height: 900px;
	background-color: yellow;
	background-image: url(icon.png);
	background-repeat: no-repeat;
	background-position: top left;



}