Игорь

box-shadow: 0 0 5px 10px #555; //Ставь на своё усмотрение

Подозреваю, что проблема в отсутствии префиксов у animation/keyframes.
Добавьте в 2.css внизу:

@-webkit-keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-2000px);
  }
}

А затем везде, где встречается "animation: animStar..." скопируйте эту строку и перепишите на "-webkit-animation: animStar".

Уберите в файле 2.css у HTML строчку overflow: hidden;

вложить блок с контентом в блок с бэкграундом, разумеется

<section>
<div class="content"></div>
</section>

section{
   width: 100%;
  background-color: blue;
}
.content{
  margin: 0 auto;
  width: 1200px;
}

Скачивай всю страницу целиком! Открывай локально, отключай скрипты, смотри работу - пока не докопаешься до сути!

<section>
    <div class="container">
      Контент
    </div>
  </section>

section {
 background-color:blue;
} /* Синий фон на всю ширину */
.container {
 margin: 0 auto;
 max-width: 980px;
}  /* Фиксированный контейнер с контентом */

Как написал Вячеслав убери max-width в body

Держи вот

Схватите за кружок в слоях и выбросите эффект в корзину

Укажите ширину блока .SVGkivi, тогда будет отображаться.

Дешевле купить новый.
Это не стационарный компьютер, для каждого ноутбука своя плата, со своими размера и системой охлаждения.
Даже если Вы сможете где-то найти такой же ноут с intel cpu и достать от туда плату, не факт что она поместится и заработает.
Шансы на успех около 0

themeforest.net

Например:
themeforest.net/item/create-building-html-template...
themeforest.net/item/agile-building-construction-w...