Eugene Chefranov

Так может шрифт в принципе не поддерживает русский?
и так будет немного правильнее записывать:

@font-face {
 font-family: 'Dited';
 src: url("macroman/Dited-webfont.woff") format('woff');
}

p {
  font-family: 'Dited', sans-serif;
}

Это делает SASS/LESS.

Попробуйте так:

SASS

.class { grid-area: 1 unquote("/") 2 unquote("/") 1 unquote("/") -1}

LESS
.class { grid-area: ~"1 / 2 / 1 / -1"}

Если правильно понял вас

Можно испарвить дописыванием autocomplete="off", но тогда не будет вариантов
<input name="user" autocomplete="off">

вьюпорт у страницы есть?

<meta name="viewport" content="width=device-width, initial-scale=1">

Собирайте через сборщик типа Gulp, header и footer будут компонентами. Будете только в компоненте править, а применятся будет ко всем страницам

Последнему блоку дайте align-self: flex-end

Потому что img это строчный элемент и на него не действует margin

да, только не css а html
<a href="#0">Ссылка</a>

Так?

Parallax
https://matthew.wagerfield.com/parallax/
https://pixelcog.github.io/parallax.js/