body {
  font-family: "Pretendard Variable", Pretendard, sans-serif;
  margin: 20px;
  border: 10px solid green;
  padding: 50px;
  color: darkblue;
}

p {
  color: silver;
}

/* 익명의 레이어는 우선순위가 가장 낮다. 순서와 상관없음
그러나 익명의 레이어끼리는 가장 마지막이 레이어가 우선순위 제일 높음 */

@layer techit, likelion;

@layer likelion {
  p {
    color: red;
  }
}

@layer techit {
  p {
    color: green !important;
  }
}

@layer likelion {
  h2 {
    background-color: yellow;
  }
}

@layer techit {
  h2 {
    background-color: tomato;
  }
}

/* h1{
  color: green;
}

p{
  color: orange;
}

#school.likelion{
  color: gray;
}

#school{
  color: red;
} */