Nwton

selector {
  position: relative;
  top/right/bottom/left: npx;
}

// ---------------
.lt, .rt, .rb, .lb {
  position: relative;
}
.lt, .rt {
  top: -10px;
}

.rb, .lb {
  bottom: -10px;
}

// или
.lt, .rt {
  transform: translate(Xpx, Ypx);
}

.rb, .lb {
  transform: translate(Xpx, Ypx);
}

Бонус

Основная идея в том, чтобы использовать let по умолчанию для всех переменных которые не нужны за пределами блока. И const для всех констант.

Это поможет сделать код чище и избавит от странного, хоть и уже привычного поведения, примеры которого есть на MDN, например.

Вы никогда не попадали в ситуацию, когда при использовании for(var i = 0; ... ) оказывалось, что переменная i уже используется, и цикл работает не так как надо?

А c let работает! https://jsfiddle.net/twebLy25/

Это называется boolean operations, довольно сложная вещь для реализации самому. Лучше взять готовую библиотеку, например https://github.com/gilbo/cork

Начать читать можно отсюда https://en.wikipedia.org/wiki/Constructive_solid_g...

Можно. Если в стальном сейфе на дне морском.

Ubuntu, насыщенность скорее всего Medium
https://fonts.google.com/specimen/Ubuntu

Может вам просто использовать подходящий инструмент?

Нет, синема хоть сколько дэ не для станков.

var newUrls = urls.map(function(url) {
    return url + '/index.html';
})

www.pyimagesearch.com/2015/05/11/creating-a-face-d...

проще только фотоателье

Да никак, такие тексты на лендингах обычно никто не читает. Это только для поисковиков.