Центрирање преко апсолутног позиционирања у 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.