Тест по CSS

Реализуйте тест на знание CSS свойств.

Продумайте структуру хранения вопросов и ответов в коде JavaScript. Создайте массив объектов, где каждый объект содержит вопрос и правильный ответ. Вручную заполните массив 10-15 вопросами по CSS свойствам (например, "Какое свойство задает цвет текста?", "Какое свойство управляет отступом внутри элемента?" и т.д.). Все данные должны храниться в коде JavaScript.

Основные возможности проекта

Список вопросов с инпутами для ответов.
Таймер прохождения теста (ограничение по времени).
Кнопка для проверки ответов.
Вывод процента правильных ответов.
Отображение правильных/неправильных ответов.
Возможность пройти тест заново.

Страница теста

Тест должен представлять собой список вопросов. Под каждым вопросом должно находиться поле ввода (инпут) для ответа пользователя. Вопросы должны выводиться в случайном порядке. На странице отображается таймер обратного отсчета.

Таймер

При начале прохождения теста запускается таймер обратного отсчета. Время на прохождение теста - 60 секунд. Таймер отображается на странице. По истечении времени тест автоматически завершается с отображением результата.

Проверка ответов

В конце теста должна быть кнопка "Проверить ответы". По нажатию на кнопку сайт должен:

Сравнить ответы пользователя с правильными ответами из массива (без учета регистра).
Подсчитать количество правильных ответов.
Вывести процент правильных ответов.
Выделить зеленым цветом правильные ответы, красным - неправильные.

Прохождение теста заново

После проверки ответов должна появиться кнопка "Пройти тест заново". По нажатию на нее все поля ввода очищаются, вопросы перемешиваются, таймер сбрасывается, и пользователь может пройти тест снова.