Код ошибки медиа-запроса: {expectedcss(css-lcurlyexpected) ⇐ CSS

[Anonymous]

Я столкнулся с кодом ошибки моего медиа-запроса. Он выдает 3 кода ошибок для ожидаемой фигурной скобки. В частности, в отношении «@media» и его закрытия «}» и закрытия «}» для «html, body». У меня этот CSS настроен в другом файле, и кода ошибки нет. Я не совсем уверен, как двигаться дальше и исправить это. (Чтобы увидеть ошибки, посмотрите прикрепленные снимки экрана. Я пробовал добавить недостающее пространство после h1{ + a{, но это не является проблемой.)
Код ошибки:

Код: Выделить всё

{ expectedcss(css-lcurlyexpected)

Медиа-запрос:

Код: Выделить всё

@media only screen and (max-width: 768px) {
html, body {
--border-radius: 50px;
}

h1 {
font-size: 200px;
}

h2 {
font-size: 16px;
}

h3 {
font-size: 14px;
}

p {
font-size: 14px;
}

a {
font-size: 14px;
}

section.vscroll {
flex-direction: column;
}

section.vscroll figure {
flex-basis: 25vh;
}

section.vscroll figure img {
width: 20%;
}

footer {
display: flex;
flex-direction: row;
align-items: stretch;
}

footer .SCL-info .copyright {
width: 100%;
}
}

[Снимки экрана с ошибками кода](https://i.sstatic.net/trbs91Zy.png)

Подробнее здесь: https://stackoverflow.com/questions/791 ... lyexpected