:root { scroll-behavior: auto; } 질문

자바스크립트 스크롤 이벤트 강의보면서 아래 css를 적용하려고 했는데 
잘 적용되지 않아 질문드립니다.

:root {
   scroll-behavior: auto;
}
위 코드를 main.css 파일 맨 위에 작성했음에도 부트스트랩 css가 우선 적용됩니다...

1. 현재 구름 ide 사용 중인데 ide의 문제로 인해 그런 것인지
2. 이 문제를 해결하려면 어떻게 해결하는지

궁금합니다. 해결 방법 알려주시면 감사하겠습니다!


작성한 코드


작성한 코드 확인


부트스트랩 css가 먼저 적용된 모습