Центриране чрез абсолют в 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.