Вы позиционируете родительский контейнер, который растянут на всю ширину страницы. Разумется после сдвигов с одинковыми величинами он возвращается на своё исходное положение. Задайте родителю тоже блочно-строчный бокс, чтобы его ширина зависела от размера потомков.

function pow(x, n) {
    const isNegative = n < 0;
    let result = 1;

    n = isNegative ? Math.abs(n) : n;

    for (let i = 1; i <= n; i++) {
      result *= x;
    }

    return isNegative ? (1 / result) : result;
}

Используйте объектный литерал для хранения ассоциативных значений.
Кстати, объект `Number` и нижележащие объекты можно не обёртывать оператором группировки `()`.

function getStatistic(name, answer) {
    const r = {
        '+': true,
        'ok': true,
        '-': false,
        '0': false
    };

    if (r[answer] === false) {
        console.log(name + ` doesn't understand` )
    } else {
        console.log(name + ` understand`)
    }
}

getStatistic(`Boris`, '-')

Лучше используйте псевдоэлемент `::after` на селекторе `.header`

.header {
    position: relative;
    border-bottom: 4px solid transparent;
}

.header::after {
    position: absolute;
    z-index: 1;
    left: 2.5%;
    bottom: -4px;
    width: 95%;
    height: 4px;
    content: '';
    background-color: #f00;
}