Kilotest: Diagnoses of invalid CSS at-rule violation by HTML element 0 on Virtual Science Teachers contact page

Basics

About the page

• URL: https://virtualscienceteachers.org/contact/
• Tested 2 days ago on 2026-10-07 at 23:15 by job 261007T2305-b3x
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 11
  • Violations: 606
  • Violators: 299
  • Issues: 35
• Download the full technical report (JSON)

About the issue

• Why it matters: Page cannot be properly displayed in particular contexts
• Priority: high
• Related WCAG standard: 4.1
• Reported by 1 rule engine (Html Checker)
• Violations: 39
• Violators: 1

About the violator

• Tag name: HTML
• Text: [not applicable]
• Start tag: <html lang="en-US">
• XPath: /html
• Bounding box: x = 0, y = 0, width = 1920, height = 2395
• Reported by Html Checker

Diagnoses

Here is how rule engines diagnose the invalid CSS at-rule issue for HTML element 0 of the Virtual Science Teachers contact page.

1. Style rule .vst-contact-page not allowed outside an @scope rule in a style element in body. Extract: ===== */ .vst-contact-page { -

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-page not allowed outside an @scope rule in a style element in body.

2. Style rule .vst-contact-page *, .vst-contact-page *::before, .vst-contact-page *::after not allowed outside an @scope rule in a style element in body. Extract: : 1.6; } .vst-contact-page *, .vst-contact-page *::before, .vst-contact-page *::after { b

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-page *, .vst-contact-page *::before, .vst-contact-page *::after not allowed outside an @scope rule in a style element in body.

3. Style rule .vst-contact-wrap not allowed outside an @scope rule in a style element in body. Extract: r-box; } .vst-contact-wrap { m

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-wrap not allowed outside an @scope rule in a style element in body.

4. Style rule .vst-contact-hero not allowed outside an @scope rule in a style element in body. Extract: ===== */ .vst-contact-hero { d

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-hero not allowed outside an @scope rule in a style element in body.

5. Style rule .vst-contact-eyebrow not allowed outside an @scope rule in a style element in body. Extract: 48px; } .vst-contact-eyebrow { c

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-eyebrow not allowed outside an @scope rule in a style element in body.

6. Style rule .vst-contact-hero h1 not allowed outside an @scope rule in a style element in body. Extract: : 8px; } .vst-contact-hero h1 { m

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-hero h1 not allowed outside an @scope rule in a style element in body.

7. Style rule .vst-contact-hero p not allowed outside an @scope rule in a style element in body. Extract: 1.05; } .vst-contact-hero p { m

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-hero p not allowed outside an @scope rule in a style element in body.

8. Style rule .vst-contact-mascot not allowed outside an @scope rule in a style element in body. Extract: 680px; } .vst-contact-mascot { t

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-mascot not allowed outside an @scope rule in a style element in body.

9. Style rule .vst-contact-mascot img not allowed outside an @scope rule in a style element in body. Extract: enter; } .vst-contact-mascot img { w

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .vst-contact-mascot img not allowed outside an @scope rule in a style element in body.

10. Style rule .vst-contact-btn not allowed outside an @scope rule in a style element in body. Extract: ===== */ .vst-contact-btn { d

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-btn not allowed outside an @scope rule in a style element in body.

11. Style rule .vst-contact-btn:hover not allowed outside an @scope rule in a style element in body. Extract: ease; } .vst-contact-btn:hover { t

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-btn:hover not allowed outside an @scope rule in a style element in body.

12. Style rule .vst-contact-btn-primary not allowed outside an @scope rule in a style element in body. Extract: -2px); } .vst-contact-btn-primary { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-btn-primary not allowed outside an @scope rule in a style element in body.

13. Style rule .vst-contact-btn-primary:hover not allowed outside an @scope rule in a style element in body. Extract: blue); } .vst-contact-btn-primary:hover { b

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-btn-primary:hover not allowed outside an @scope rule in a style element in body.

14. Style rule .vst-contact-btn-secondary not allowed outside an @scope rule in a style element in body. Extract: navy); } .vst-contact-btn-secondary { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-btn-secondary not allowed outside an @scope rule in a style element in body.

15. Style rule .vst-contact-heading not allowed outside an @scope rule in a style element in body. Extract: ===== */ .vst-contact-heading { t

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-heading not allowed outside an @scope rule in a style element in body.

16. Style rule .vst-contact-heading h2 not allowed outside an @scope rule in a style element in body. Extract: 32px; } .vst-contact-heading h2 { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-heading h2 not allowed outside an @scope rule in a style element in body.

17. Style rule .vst-contact-heading p not allowed outside an @scope rule in a style element in body. Extract: 42px); } .vst-contact-heading p { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-heading p not allowed outside an @scope rule in a style element in body.

18. Style rule .vst-contact-grid not allowed outside an @scope rule in a style element in body. Extract: ===== */ .vst-contact-grid { d

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-grid not allowed outside an @scope rule in a style element in body.

19. Style rule .vst-contact-card not allowed outside an @scope rule in a style element in body. Extract: 50px; } .vst-contact-card { b

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-card not allowed outside an @scope rule in a style element in body.

20. Style rule .vst-contact-icon not allowed outside an @scope rule in a style element in body. Extract: ,.05); } .vst-contact-icon { w

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-icon not allowed outside an @scope rule in a style element in body.

21. Style rule .vst-contact-card h3 not allowed outside an @scope rule in a style element in body. Extract: 16px; } .vst-contact-card h3 { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-card h3 not allowed outside an @scope rule in a style element in body.

22. Style rule .vst-contact-card p not allowed outside an @scope rule in a style element in body. Extract: 22px; } .vst-contact-card p { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-card p not allowed outside an @scope rule in a style element in body.

23. Style rule .vst-contact-link not allowed outside an @scope rule in a style element in body. Extract: 18px; } .vst-contact-link { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-link not allowed outside an @scope rule in a style element in body.

24. Style rule .vst-contact-link:hover not allowed outside an @scope rule in a style element in body. Extract: rtant; } .vst-contact-link:hover { t

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-link:hover not allowed outside an @scope rule in a style element in body.

25. Style rule .vst-email-box not allowed outside an @scope rule in a style element in body. Extract: ===== */ .vst-email-box { b

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-email-box not allowed outside an @scope rule in a style element in body.

26. Style rule .vst-email-box::before not allowed outside an @scope rule in a style element in body. Extract: idden; } .vst-email-box::before { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-email-box::before not allowed outside an @scope rule in a style element in body.

27. Style rule .vst-email-box::after not allowed outside an @scope rule in a style element in body. Extract: -90px; } .vst-email-box::after { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-email-box::after not allowed outside an @scope rule in a style element in body.

28. Style rule .vst-email-box h2, .vst-email-box p, .vst-email-box a not allowed outside an @scope rule in a style element in body. Extract: -70px; } .vst-email-box h2, .vst-email-box p, .vst-email-box a { p

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-email-box h2, .vst-email-box p, .vst-email-box a not allowed outside an @scope rule in a style element in body.

29. Style rule .vst-email-box h2 not allowed outside an @scope rule in a style element in body. Extract: ex: 2; } .vst-email-box h2 { m

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-email-box h2 not allowed outside an @scope rule in a style element in body.

30. Style rule .vst-email-box p not allowed outside an @scope rule in a style element in body. Extract: 32px; } .vst-email-box p { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-email-box p not allowed outside an @scope rule in a style element in body.

31. Style rule .vst-email-box .vst-contact-btn-primary not allowed outside an @scope rule in a style element in body. Extract: 18px; } .vst-email-box .vst-contact-btn-primary { b

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-email-box .vst-contact-btn-primary not allowed outside an @scope rule in a style element in body.

32. Style rule .vst-email-box .vst-contact-btn-primary:hover not allowed outside an @scope rule in a style element in body. Extract: rtant; } .vst-email-box .vst-contact-btn-primary:hover { b

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-email-box .vst-contact-btn-primary:hover not allowed outside an @scope rule in a style element in body.

33. Style rule .vst-contact-note not allowed outside an @scope rule in a style element in body. Extract: ===== */ .vst-contact-note { t

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-note not allowed outside an @scope rule in a style element in body.

34. Style rule .vst-contact-wrap not allowed outside an @scope rule in a style element in body. Extract: 0px) { .vst-contact-wrap {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-wrap not allowed outside an @scope rule in a style element in body.

35. Style rule .vst-contact-hero not allowed outside an @scope rule in a style element in body. Extract: x; } .vst-contact-hero {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-hero not allowed outside an @scope rule in a style element in body.

36. Style rule .vst-contact-hero p not allowed outside an @scope rule in a style element in body. Extract: x; } .vst-contact-hero p {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-hero p not allowed outside an @scope rule in a style element in body.

37. Style rule .vst-contact-mascot img not allowed outside an @scope rule in a style element in body. Extract: o; } .vst-contact-mascot img {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-mascot img not allowed outside an @scope rule in a style element in body.

38. Style rule .vst-contact-grid not allowed outside an @scope rule in a style element in body. Extract: x; } .vst-contact-grid {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-grid not allowed outside an @scope rule in a style element in body.

39. Style rule .vst-contact-btn not allowed outside an @scope rule in a style element in body. Extract: 0px) { .vst-contact-btn {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .vst-contact-btn not allowed outside an @scope rule in a style element in body.