Валерия Сергеева

-moz-linear-gradient (Mozilla) cоздаёт линейный градиент только в браузере Firefox, а Вы скорее всего смотрите в другом.
Попробуйте просто linear-gradient, плюс для кроссбраузерности, почитайте про вендорные префиксы и как их правильно применять, чтобы стили работали одинаково во всех браузерах.

background: -moz-linear-gradient(top, #F8B47C, #F5903F);
background: -webkit-linear-gradient(top, #F8B47C, #F5903F);
background: -o-linear-gradient(top, #F8B47C, #F5903F);
background: linear-gradient(top, #F8B47C, #F5903F)

Cвойствами css у вас не получится это сделать.
Можно через js, добавьте событие mouseenter на svg и в результате находите родителя или нужный элемент и присваивайте ему необходимые стили.

const elNodes = document.querySelectorAll(".square");

elNodes.forEach(el => {
el.addEventListener("click", () => {
el.classList.toggle("green");
});
});

В функции открытия модального окна пропишите:
document.body.style.overflow = 'hidden'.

Добрый вечер.
Добавьте свойство:

input:active,
input:hover,
input:focus {
outline: none;
}

Ошибок в коде очень много. Например, в теге head не могут находиться теги а и div, только в body. Далее, в body вы определяете элемент div style="box-r", так нельзя, style в данном положении может предполагать только inline-стиль для элемента, т.е. Вам необходимо использовать div CLASS="box-r", это совершенно другой атрибут с другим значением. Тег а в body должен обязательно иметь атрибут href, потому что это ссылка. Тег input, кроме placeholder, имеет обязательные атрибуты, тот же type для определения типа элемента.
Почитайте необходимые ресурсы, информацию о каждом теге и его атрибутах. Советую разобраться пока в html, потому что тут есть ошибки, а потом уже беритесь за CSS. Успехов!

Добавьте еще один цвет или оттенок красного, градиент с одним цветом невозможен.
И еще, пробел между linear-gradient() не нужен, часто свойство из-за этого может не работать.