Оформление блока в виде радужных ворот

Создание радуги обыкновенной при помощи HTML и CSS.

CSS свойство Border-radius отвечает за скругление краев
position: relative - за размещение элемента в другой позиции от начальной
Уменьшение каждого следующего элемента обеспечивается их вложенностью в HTML и свойствами
width: 90%;
height: 90%;

каждый блок опирается на размеры предыдущего блока.

Направление: