Не рекомендую так делать. Многим удобнее делать навигацию по сайту с помощью Tab, чем мышью. А ты просто ее отключишь

window.onkeydown = evt => {
    if (evt.key == 'Tab') {
        evt.preventDefault();
    }
}

1) Научиться верстать
2) Подключить шрифты
3) Использовать флексбоксы и гриды

Ну невозможно прописать в CSS что-то конкретное, чтобы решить твою проблему. Чтобы ответить, нужно знать макет полностью и видеть твою реализацию кодом. И плюс нужно понимать, что у одной проблемы может быть десятки решений

Можно без JS и без плагинов

CSS scroll-behavior
Дока - https://developer.mozilla.org/ru/docs/Web/CSS/scro...
Поддержка браузерами - https://caniuse.com/?search=scroll-behavior

html, body { /* обязательно сразу для html и body */
  scroll-behavior: smooth;
}