.circle-container{border-radius:50%;height:6rem;list-style:none;padding:0;position:relative;transform:translateY(2.75em) translate(-1.1em) rotate(-90deg);width:6rem}.circle-container>*{display:block;height:auto;left:50%;margin:-1.5rem;position:absolute;top:50%;width:3rem}.circle-container>:first-of-type{transform:rotate(0) translate(3rem) rotate(0) rotate(270deg)}.circle-container>:nth-of-type(2){transform:rotate(45deg) translate(3rem) rotate(-45deg) rotate(315deg)}.circle-container>:nth-of-type(3){transform:rotate(90deg) translate(3rem) rotate(-90deg) rotate(1turn)}.circle-container>:nth-of-type(4){transform:rotate(135deg) translate(3rem) rotate(-135deg) rotate(405deg)}.circle-container>:nth-of-type(5){transform:rotate(180deg) translate(3rem) rotate(-180deg) rotate(450deg)}.circle-container>:nth-of-type(6){transform:rotate(225deg) translate(3rem) rotate(-225deg) rotate(495deg)}.circle-container>:nth-of-type(7){transform:rotate(270deg) translate(3rem) rotate(-270deg) rotate(540deg)}.circle-container>:nth-of-type(8){transform:rotate(315deg) translate(3rem) rotate(-315deg) rotate(585deg)}