Цэнтраванне праз абсалют у CSS

Існуе хітры спосаб цэнтравання элемента праз абсалютнае пазіцыянаванне. Можна зрабіць так, што элемент будзе размешчаны роўна ў цэнтры акна браўзера. Для гэтага трэба не задаваць памеры элементу і пры гэтым задаць пазіцыянаванне з усіх чатырох бакоў:

html<div id="elem"></div>

css#elem {
  position: absolute;
  top:    30px;
  right:  30px;
  bottom: 30px;
  left:   30px;
  
  border: 1px solid green;
}

Результат:

Задание 1

З дапамогай апісанага спосабу зрабіце блок, які знаходзіцца па цэнтры экрана і адступае з усіх бакоў па 100px.

Задание 2

З дапамогай апісанага спосабу зрабіце блок, які адступае зверху ад краю экрана 100px, справа - 200px, знізу - 50px, а злева - 10px.