Максим Головлёв

body {
  background-color: antiquewhite;
  font-weight: 400;
}

.personal h1 {
  font-size: 32px;
}

.personal p {
  font-size: 240px;
}

Вы body указали как класс. А так же personal это уже класс section, её отдельно указывать не нужно.

select 
  date_trunc('month', data), 
  login, 
  value, 
  sum (value) over (
	partition by login,  date_trunc('month', data)
	order by data rows between unbounded preceding and current row
  ) as lag_value 
from 
  t1;

SQL online editor

.social {
    width: 443px;
    height: 153px;
    margin: 0 auto;
   padding: 2em;
    background-image: url(image/socialbackground.png);
display:flex;
}
.logo {
    width: 40%;
    height: 90px;
    background-image: url(image/twitchicon.png);
    background-repeat: no-repeat;
   background-size: cover;
background-position: center;
margin:0 15px 0 0
}
. content{
   width: 60%;
}

Действительно, protopie не самый оптимизированный софт. Но проблема может быть и на вашей стороне (вашего пк) и на стороне настройки анимации.
Чтобы выяснить корень проблемы - загрузите макет в шару (кнопка "upload" в правом верхнем углу"

После чего, перейдите по ссылке и проверьте анимацию, вызывающую у вас подозрения. Если "фризы" остались - настройки анимации кривые.

Задайте .work1 ширину и высоту.

Абсолюты позиционируются относительно ближайшего родителя с position отличным от static. Если его нет, то относительно body.

Иконки не отображаются, потому что Вы строчному (фразовому) элементу <a> пытаетесь задать свойства ширины (width) и высоты (height), что недопустимо.

Либо сделайте элемент строчно-блочным (потоковым) через свойство display: inline-block, либо через псевдоэлемент иконки задавайте

У тебя подключены начертания 400 и 600, которые соответствуют regular и semi-bold соответственно. Эти цифры и указывай в качестве font-weight. Всё должно работать.

У вас 400 и 600 font-weight подключены c google font, они будут работать. Остальные нужно указать в link-e

font-weight - соответствие слов и чисел
100 - Thin (Hairline)
200 - Extra Light (Ultra Light)
300 - Light
400 - Normal
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)

Вы подключили 400 и 600. Bold (700) скорее всего браузер сам как-то постарается эмулировать. Ну а про то как рисовать bolder он просто ничего не знает.

di23 наверное прав, тем не менее изредка вижу заказы на дизайн интерьера. Правильный ответ: мониторить все популярные биржи, т.к. заказы действительно редкие.

Ну написано же по-русски

страница выглядит как глянцевый журнал

Это не «эффект глянца», это просто желание чтобы страница была оформлена по принципам оформления в журналах. Пример приведён не самый красивый, вёрстка ужасна, но отдалённо понятный — рамочки, картинки в нестандартной маске и т.п. Просто возьмите несколько журналов, посмотрите как они свёрстаны и сделайте по аналогии.
Можно попросить у клиента показать его любимые развороты в журналах чтобы лучше понять что нравится.