
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
색깔적용이 안되고 결과물이 이렇게 단색으로 나왔습니다.

작성한 코드 및 에러 메세지
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=Heh, initial-scale=1.0">
<title>Document</title>
<sytle>
.myclass {
color:red;
backgroung-color:beige;
}
#myid{
color:blue;
backgroung-color:black;
}
</sytle>
</head>
<body>
<h1 class="myclass">나는 클래스 헤딩태그입니다.</h1>
<h2 id="myid">나는 아이디 헤딩태그입니다.</h2>
</body>

류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
